新手學HTML網頁設計（第一階段）第七課
1.表格的使用：
表格是日常生活中很常用的組織數據方法，在word中創建一個表格時，只需要指定表格的列數即可。在網頁中表格對網頁製作非常重要，其最明顯的優點是能夠以行列對齊的形式來顯示文本和數字信息，而且，表格還可以用於固定文本或圖像的顯示位置。
2.繪製表格區域：
使用<table></table>來完成，此時預覽的話，這片區域是空的。原因是<table>標籤內需要其他標籤來完成。
3.添加行：
給表格添加行，可以使用<tr></tr>來完成。
例如：給表格添加一行，代碼如下：
<title>李無名啊html第七課</title>
</head>
<body>
<table>
<tr></tr>
</table>
</body>
再次預覽，仍然發現頁面為空白。很明顯，瀏覽器顯示的是每一個單元格，所以有了框架還不夠，還要給表格設定單元格。
4.添加單元格：
給表格中的行添加單元格，可以使用<td></td>來完成。
例如：給表格的行添加一個單元格，代碼如下：
<table>
<tr>
<td>單元格1</td>
</tr>
</table>
</body>
這裡我們在行裡添加了一個單元格，並設置內容為“單元格1”保存後的預覽效果，如下圖：
添加單元格預覽界面
5.設置表格邊框：
可以使用border屬性設置。
例如：給表格設置邊框屬性，代碼如下：
<table border="1">
<tr>
<td>單元格1</td>
</tr>
</table>
效果如下：
添加邊框預覽界面
6.添加多個單元格：
一個<td></td>就代表一個單元格，所以我們再加兩個單元格。
例如：給表格添加多個單元格，代碼如下：
<table border="1">
<tr>
<td>單元格1</td>
<td>單元格2</td>
<td>單元格3</td>
</tr>
</table>
效果如下：
在一行中添加多個單元格
7.添加多行：
表格多行顯示只需要在之前代碼基礎上添加幾組<tr>標籤。
例如：給表格添加多行，代碼如下：
<table border="1">
<tr>
<td>單元格1</td>
<td>單元格2</td>
<td>單元格3</td>
</tr>
<tr>
<td>單元格1</td>
<td>單元格2</td>
<td>單元格3</td>
</tr>
</table>
效果如下圖：
添加多行
相關推薦
