表格元素


<table>

定義表格

<caption>

定義表格標題

<thead>

定義表格的表頭內容

<tbody>

定義表格的主體內容

<tfoot>

定義表格的頁腳內容

<tr>

定義表格的 “ 行 ”

<th>

定義表格中的標題欄, 會自動設為粗體並置中

屬性:

rowspan: 上下欄合併(列位) colspan: 左右欄合併(欄位)

<td>

定義表格內的資料欄

屬性:

rowspan: 上下欄合併(列位) colspan: 左右欄合併(欄位)

範例:

<table>
  <caption>購物清單</caption>
  <thead>
    <tr>
      <th>品項</th>
      <th>價格</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>HTML</td>
      <td>300</td>
    </tr>
    <tr>
      <td>Css</td>
      <td>400</td>
    </tr>
    <tr>
      <td>React</td>
      <td>600</td>
    </tr>
  </tbody>
  <tfoot>
   <tr>
      <td clospan=”2”>合計:1300</td>
    </tr>
  </tfoot>
</table>

results matching ""

    No results matching ""