HTML表格是一種快速、方便地顯示數據的方式,特別是在網頁設計中。本文將介紹如何使用HTML創建單級表頭表格。
<table>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
<th>城市</th>
</tr>
<tr>
<td>張三</td>
<td>22</td>
<td>男</td>
<td>北京</td>
</tr>
<tr>
<td>李四</td>
<td>28</td>
<td>女</td>
<td>上海</td>
</tr>
<tr>
<td>王五</td>
<td>25</td>
<td>男</td>
<td>廣州</td>
</tr>
</table>
上面的代碼將創建一個4列的表格,包括姓名、年齡、性別和城市。第一行是表頭,包含標題。下面三行是表格數據的行,用“<tr>
”標簽表示。
在表頭中,我們使用“<th>
”標簽來定義每一列的標題。在數據行中,使用“<td>
”標簽來定義每個單元格。
此外,您可以使用“<caption>
”標簽來為表格添加標題。
HTML表格允許您添加邊框和背景顏色等視覺效果來使表格更易于閱讀。您可以使用CSS指定樣式。例如,“<table border="1">
”可以添加表格邊框,而“<th style="background-color: #dddddd">
”可以添加表頭單元格的背景色。
總的來說,HTML表格是一種功能強大的數據顯示工具。通過遵循上述代碼示例,您可以輕松創建自己的表格。