tableの基礎中の基礎

<table> 親要素

<tr> 一行(勝手に縦並びになる)

<td> 一行の中の1要素(横並びになる)

<th>trのうちのひとつを見出しにしたい時は、trの代わりにthを使う

<table>
 <tr>
  <th>見出し1</th><th>見出し2</th><th>見出し3</th>
 </tr>
 <tr>
  <td>要素1</td><td>要素2</td><td>要素3</td>
 </tr>
</tabl>

見出しが左にあるようなパターンもある

<table class="tbl_menu">
 <tr>
  <th>ノート</th><td>120円</td>
 </tr>  
 <tr>
  <th>えんぴつ</th><td>60円</td>
 </tr>
 </table>

thead

tbody

この記事が気に入ったらサポートをしてみませんか?