技術標籤：HTML5網頁設計html5

2.3.1 建立表格

■當我們瀏覽網頁時，看到許多頁面的內容排列整齊有序，如淘寶論壇頁面和阿里巴巴校園講座安排頁面，在這些頁面中都使用了表格，使用表格可以使排列的內容簡潔、整齊，便於使用者瀏覽網頁資訊。

■表格是用於排列內容的最佳手段，在HTML頁面中，絕大多數頁面都是使用表格進行排版的。

<table>
	<tr>
		<td>單元格內的文字</td>
		<td>單元格內的文字</td>
		……
	<tr>
	<tr>
		<td>單元格內的文字</td>
		<td>單元格內的文字</td>
		……
	<tr>
</table>
 

為了顯示錶格的輪廓，通常還需要設定 table 標籤的 border 屬性，通過 border 屬性來設定表格邊框的寬度。

2.3.2 建立不規則表格

■跨列

<table>
	<tr>
		<td colspan=“所跨的列數”> 單元格內容 </td>
	</tr>
</table>

col 為 column（列）的縮寫，span 為跨度，所以 colspan 意思為跨列。

■跨行

<table>
	<tr>
		<td rowspan=“所跨的行數”> 單元格內容 </td>
	</tr>
<table>
 

row 為行的意思，rowspan 即跨行。

2.3.3 表格相關的其他標籤

■除了設定表格跨行和跨列外，還可以為整個表格新增標題（caption）、對錶格資料進行分組等，從而實現企業中常見的年度統計報表等複雜表格。

■設計這些表格需要一些表格的高階標籤。表格標籤除了前面所學習到的基本標籤外，還有如下高階標籤：

■表格標題標籤 caption，用於描述整個表格的標題。

■表格表頭 th，用於定義表格的表頭，通常是表格的第一行資料，以粗體、居中的樣式顯示資料。

■表格資料的分組標籤 thead、tbody 和 tfoot，這 3 個標籤通常配合使用，主要對錶格資料進行邏輯分組。

■head 對應表格的表頭部分，tbody 對應表格的資料主體部分，tfoot 對應表格的底部頁尾部分，各分組標籤內由多行 tr 組成。

（覺得這篇筆記對你有點用的話，麻煩你為本筆記點贊，評論，分享或收藏，因為這將是我輸出更多筆記的動力，感謝！）