私は、しばらく表を作成していないとタグを忘れてしまいます。「th」、「tr」、「td」の3つのタグは覚えているのですが、それぞれの意味が分からなくなるので、書き留めておきます。
th ・・・ 表の見出しを指定します。
tr ・・・ 表の縦方向を指定します。
td ・・・ 表の横方向を指定します。
せっかくなのでこれを表にしてみます。
CSS
.table_sample {
width: 90%;
margin: 0 auto;
border-collapse: collapse;
}
.table_sample th {
color: #00f;
text-align: center;
border: 1px solid #000;
}
.table_sample td {
color: #000;
text-align: center;
border: 1px solid #000;
}
HTML
<table class="table_sample">
<tr>
<th>タグ名</th>
<th>英文</th>
<th>説明</th>
</tr>
<tr>
<td>th</td>
<td>table header</td>
<td>表の見出しを指定します。</td>
</tr>
<tr>
<td>tr</td>
<td>table row</td>
<td>表の縦方向を指定します。</td>
</tr>
<tr>
<td>td</td>
<td>table data</td>
<td>表の横方向を指定します。</td>
</tr>
</table>
このような表になります。
タグ名 | 英文 | 説明 |
---|---|---|
th | table header | 表の見出しを指定します。 |
tr | table row | 表の縦方向を指定します。 |
td | table data | 表の横方向を指定します。 |
コメントを残す