html的表格

lm_y發表於2017-08-18
HTML

漫步全球資訊網世界，有多少HTML表格被用來佈局頁面，還一度被濫用。我們會在 CSS高階指南中學習怎樣不用表格佈局頁面。表格的正確用處應該是，展示表格式的資料。

有很多標籤可以用在表格中，在初級指南中教授表格是如何工作的確實是一件比較困難的事情，沒有關係，我們一步一步來，先來看一個例子。例子什麼時候都是學習的好方法。

把下面的程式碼拷貝到你文件的主體(<body>與</body>中），我們就可以明細每個標籤是任何工作的了。

<table> <tr> <td>Row 1, cell 1</td> <td>Row 1, cell 2</td> <td>Row 1, cell 3</td> </tr> <tr> <td>Row 2, cell 1</td> <td>Row 2, cell 2</td> <td>Row 2, cell 3</td> </tr> <tr> <td>Row 3, cell 1</td> <td>Row 3, cell 2</td> <td>Row 3, cell 3</td> </tr> <tr> <td>Row 4, cell 1</td> <td>Row 4, cell 2</td> <td>Row 4, cell 3</td> </tr> </table>

table元素定義標籤；tr元素定義表格中的一行；td元素定義資料單元格，這必須包含在tr標籤內，如上所示。

假設一個3x4的表格，包含12個單元，這就需要4個tr元素來定義行數和3個td元素在各行，總共有12個td元素。

相關文章