技術標籤：程式碼html

6.表格標籤

	<!-- caption 表格標題 -->
	<caption>開課情況表</caption>
	
	<!-- colgroup 列組 -->
	<colgroup>
		<!-- bgcolor 設定背景顏色 -->
		<col bgcolor="pink" width="50px" />
		<col bgcolor="skyblue" />
	</colgroup>
	
	<tr>
		<td>編號</td>  <!-- td無變化 -->
		<th>課程</th>  <!-- th居中加粗 -->
	</tr>
	
		<tr align="right">
			<td>1-1</td>
			<td>1-2</td>
		</tr>
		<tr>
			<td>2-1</td>
			<td>2-2</td>
		</tr>
		<tr>
			<td>3-1</td>
			<td>3-2</td>
		</tr>
	</table>
</body>
 

合併行列

<table align="center">
		<tr>
			<!-- 合併列 -->
			<!-- 需求：1-1和1-2合併成1列 colspan -->
			<!-- 步驟1：保留第一列，刪除其他列 -->
			<!-- 步驟2：在第一列的開始標籤上新增colspan="2" -->
			<td colspan="2">1-1</td>
			<!-- 合併行 -->
			<!-- 需求：1-3和2-2合併成1行 rowspan -->
			<!-- 步驟1：保留第一行，刪除其他行 -->
			<!-- 步驟2：在第一列的開始標籤上新增rowspan="2" -->
			<td rowspan="2">1-3</td>
		</tr>
		<tr>
			<td rowspan="2">2-1</td>
			<td>2-2</td>
		</tr>
		<tr>
			<td colspan="2">3-2</td>
		</tr>
	</table>
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21