初心者のWEBデザイン

HTML,CSS、その他WEBデザインに関する事を記述していきます

20150411143621

HTML table要素 1

table要素の概要を記述します。

HTMLにおけるて表(テーブル)はtable要素を使用して表現します。
表の中には1つ以上の【行】があり、その行の中にはまた1つ以上の【セル】があるという考え方でテーブルを表現します。
f:id:bellsmarket:20150118211003p:plain

  • table要素:テーブル(表)を定義する
  • tr要素(Table Row[1]):行。
  • td要素(Table Description[2])):セル
  • th要素(Table Header):セルの見出し
  • <table></table>:表全体の定義
  • <tr></tr>:見出し
  • <td></td>:データセル
  • <th></th>:セルの見出し
  • <caption>[3]:テーブル(表)にタイトルをつける

実際にtable要素を使用してhtmlを記述します。

例1:りんごの説明を記述します。

<table border="1">
<tr>
<th>りんご</th>
<td>赤い</td>
<td>甘い</td>
</tr>
</table>

 

りんご 赤い 甘い

例2:題名とりんごとれもんの説明を記述します。

<table border="1">
<caption>果物</caption>
<tr>
<th>りんご</th>
<td>赤い</td>
<td>甘い</td>
</tr>
<th>レモン</th>
<td>黄色い</td>
<td>酸っぱい</td>
</table>

 

果物
りんご 赤い 甘い
レモン 黄色い 酸っぱい

脚注

Row:列、並び、座列、〜通り

Discription:記述,叙述,描写.解説

Caption: 表題,タイトル、 (章・節・ページなどの)見出し

topへ戻る