hiyoko-programingの日記

プログラミングを勉強したてのひよっ子。   エンジニア目指して勉強中。

表を作成する

あとで、枠を作成するとして、

表の枠の中身についての記述の仕方。

 

◉表を作る

 ●表      <table> 〜 </table> で囲む

 ●キャプション <caption> 〜 </caption> で囲む ※キャプションはなくても可

 ●行全体    <tr> 〜 </tr> で囲む

 ●見出し項目  <th> 〜 </th>   で囲む

 ●データ項目  <td> 〜 </td>   で囲む

 

 【コーディング】

<table>              ・・・・表開始

  <caption>          </caption>          ・・・・キャプション  

      <tr>                                   ・・・・1行目開始

             <th>           </th>    ・・・・見出し項目

             <td>           </td>    ・・・・データ項目

      </tr>             ・・・・1行目終了

         <tr>              ・・・・2行目開始

                <th>           </th>      ・・・・見出し項目

                <td>           </td>      ・・・・データ項目

         </tr>             ・・・・2行目終了 

       <tr>            ・・・・3行目開始

                <th>           </th>     ・・・・見出し項目

                <td>           </td>     ・・・・データ項目

         </tr>            ・・・・3行目終了

</tabel>               ・・・・表終了