在網頁制作中,表格是一種非常常用的元素,它可以展示數據、排列內容使頁面更有層次感。下面是一個完整的HTML表格代碼:
<table> <tr> <th>姓名</th> <th>性別</th> <th>年齡</th> </tr> <tr> <td>張三</td> <td>男</td> <td>20</td> </tr> <tr> <td>李四</td> <td>女</td> <td>22</td> </tr> </table>
表格主題使用 <table> 標簽,表頭行使用 <tr> 標簽,列標題使用 <th> 標簽,列數據使用 <td> 標簽。在表頭行中設置列標題,每個標題使用 <th> 標簽。在數據行中,展示數據使用 <td> 標簽。在數據行和表頭行中,每個單元格的內容都應該設置一個 <td> 標簽。每個行之間使用 <br> 標簽隔開。
在 HTML 中可以使用一些屬性來控制表格的樣式和布局,如 border、cellpadding、cellspacing、align。下面是一個帶樣式和屬性的表格代碼:
<table border="1" cellpadding="10" cellspacing="0" align="center"> <tr> <th>姓名</th> <th>性別</th> <th>年齡</th> </tr> <tr> <td>張三</td> <td>男</td> <td>20</td> </tr> <tr> <td>李四</td> <td>女</td> <td>22</td> </tr> </table>
其中,border屬性用來設置表格邊框的寬度,cellpadding控制單元格內部的空白區域,cellspacing控制單元格之間的距離,align屬性用來水平對齊表格。
總之,HTML表格在網頁制作中扮演著重要的角色。使用合適的標簽和屬性,可以更好的展示數據和內容,讓頁面更加美觀,易讀易用。
上一篇c 字典轉換json
下一篇vue 500 top