freeCodeCamp/guide/chinese/html/tables/index.md

1.6 KiB
Raw Blame History

title localeTitle
Tables 表格

定义HTML表

HTML中的表格由标签定义。

表格中的行由

定义。每一行中可以为表头或者数据。

  • 表头由

标签定义。表头默认为加粗居中。

  • 表格数据/单元格用

  • 标签定义

    更复杂的HTML表格还可能包含<caption> <col> <colgroup> <thead> <tfoot><tbody>元素。

    简单的表格示例

    
    <table style="width:100%"> 
      <tr> 
        <th>Firstname</th> 
        <th>Lastname</th> 
        <th>Age</th> 
      </tr> 
      <tr> 
        <td>Jill</td> 
        <td>Smith</td> 
        <td>50</td> 
      </tr> 
      <tr> 
        <td>Eve</td> 
        <td>Jackson</td> 
        <td>94</td> 
      </tr> 
     </table> 
    

    DEMO

    表示具有更多语义信息的示例

    
    <!DOCTYPE html> 
        <html> 
        <body> 
           <table> 
          <thead> 
            <tr> 
              <th>Item</th> 
              <th>Amount</th> 
            </tr> 
          </thead> 
          <tfoot> 
            <tr> 
              <td>Apple</td> 
              <td>10</td> 
            </tr> 
          </tfoot> 
          <tbody> 
            <tr> 
              <td>Peach</td> 
              <td>15</td> 
            </tr> 
            <tr> 
              <td>Watermelon</td> 
              <td>3</td> 
            </tr> 
          </tbody> 
        </table> 
        </body> 
       </html> 
    

    结果 Item Amount

    Apple 10

    Peach 15

    Watermelon 3

    更多信息:

    关于HTML的MDN文章 标签