天天看點

HTML 表格簡介

超文本标記語言(英語:HyperText Markup Language,簡稱:HTML)是一種用于建立網頁的标準标記語言。

HTML 表格執行個體

First Name Last Name Points
Jill Smith 50
Eve Jackson 94
John Doe 80
Adam Johnson 67

HTML 表格

表格由 <table> 标簽來定義。每個表格均有若幹行(由 <tr> 标簽定義),每行被分割為若幹單元格(由 <td> 标簽定義)。字母 td 指表格資料(table data),即資料單元格的内容。資料單元格可以包含文本、圖檔、清單、段落、表單、水準線、表格等等。

表格執行個體

執行個體

<table border="1">
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>      

在浏覽器顯示如下::

HTML 表格和邊框屬性

如果不定義邊框屬性,表格将不顯示邊框。有時這很有用,但是大多數時候,我們希望顯示邊框。

使用邊框屬性來顯示一個帶有邊框的表格:

執行個體

<table border="1">
    <tr>
        <td>Row 1, cell 1</td>
        <td>Row 1, cell 2</td>
    </tr>
</table>      

HTML 表格表頭

表格的表頭使用 <th> 标簽進行定義。

大多數浏覽器會把表頭顯示為粗體居中的文本:

執行個體

<table border="1">
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>