テーブルの枠
ブラウザで表示した時の見え方
ソースサンプル
<table border="1" cellpadding="3" cellspacing="1" summary="sample1">
<tr><td rowspan="2">A</td><td>B</td></tr>
<tr><td>C</td></tr>
</table>
解説
- 実際には内容がもっとあるため、こんな風に書くと見にくくなります。しかしここでは、構造をわかりやすくするために行ごとに記述しています。適当に改行してください。
- <table border="1" cellpadding="3" cellspacing="1" summary="sample1">などの一行を変更するだけで、他のどのサンプルのテーブルにも使えます。赤色の部分をお好みで変更してみてください。
ブラウザで表示した時の見え方
ソースサンプル
<table border="1" cellpadding="3" cellspacing="3" summary="sample2">
ブラウザで表示した時の見え方
ソースサンプル
<table border="1" cellpadding="3" cellspacing="0" summary="sample3">
ブラウザで表示した時の見え方
ソースサンプル
<table border="5" cellpadding="3" cellspacing="0" summary="sample4">
ブラウザで表示した時の見え方
ソースサンプル
<table border="5" cellpadding="3" cellspacing="2" summary="sample5">
ブラウザで表示した時の見え方
ソースサンプル
<table border="0" cellpadding="3" cellspacing="2" summary="sample6">
<tr><td bgcolor="#ffccd9" rowspan="2">A</td><td bgcolor="#ccd5ff">B</td></tr>
<tr><td bgcolor="#cceeff">C</td></tr>
</table>
解説
- 非推奨属性を使っています。出来るだけスタイルシートで指定しましょう。
[
黒※説明中のタグ
紫※省略可能なタグ
赤※変更可能
緑※文章など
]
AICHAN WEB(Z)
>
HTML＆CSSサンプル集(S)
>
HTML
-
テーブルの枠