■ html 04 - 表をいれる - | html と css のお勉強

■ html 04 - 表をいれる -


<table> ~ </table> タグを使う


表を書くには table タグを使用します。
その他、<caption> <tr> <th> <td> などを用いて表を作成していきます。
要素名意味
captionタイトル
tr
th見出し(太字)
td内容

 以下のように構成し記載します。

$html と css のお勉強-table

上記の図を
そのまま記載すると
以下のようになります
説明
タイトル
見出し見出し見出し
セルセルセル
タイトルは必須ではありません。
行、見出し、セルの数は必要に応じて増やすことができます。
また、<th> <td> も必要に応じて <th> を <td> に
<td> を <th>に書き換えても構いません。



ただこのままでは枠線がなく表のように見えません。
そこで table タグに属性を追加します。
      <table border="1">
⇒ 
タイトル
見出し見出し見出し
セルセルセル




その他、 table で使用できる属性は次回です。