예제 1: 학습 계획
코드는 다음과 같습니다
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网 实例一</title>
<style type="text/css">
table{
width:600px;
border:1px solid #ccc;
text-align:center;
margin:0 auto;
margin-top:30px;
}
th{
border:1px solid #999;
background-color:#f60
}
td{
border:1px solid #999;
background-color:#f66
}
</style>
</head>
<body>
<table>
<tr>
<th>星期</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
<th>星期六</th>
<th>星期日</th>
</tr>
<tr>
<td rowspan="3">上午</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>数学</td>
<td>生物</td>
<td>化学</td>
<td>历史</td>
</tr>
<tr>
<td>政治</td>
<td>美术</td>
<td>语文</td>
<td>数学</td>
<td>化学</td>
<td>语文</td>
<td>生物</td>
</tr>
<tr>
<td>历史</td>
<td>语文</td>
<td>数学</td>
<td>语文</td>
<td>历史</td>
<td>生物</td>
<td>语文</td>
</tr>
<tr>
<td rowspan="3">下午</td>
<td>语文</td>
<td>数学</td>
<td>历史</td>
<td>语文</td>
<td>化学</td>
<td>生物</td>
<td>语文</td>
</tr>
<tr>
<td>历史</td>
<td>化学</td>
<td>生物</td>
<td>政治</td>
<td>物理</td>
<td>地理</td>
<td>体育</td>
</tr>
<tr>
<td>历史</td>
<td>物理</td>
<td>化学</td>
<td>体育</td>
<td>地理</td>
<td>物理</td>
<td>化学</td>
</tr>
</table>
</body>
</html>여기에서는 병합된 셀을 사용합니다.
rowspan은 세로 셀을 병합하고, 여러 셀을 병합하려면 , 다음 셀을 삭제하고 1을 빼야 합니다. 셀 자체는 삭제할 수 없기 때문입니다. 예를 들어 3개의 셀을 병합하려면 첫 번째 셀에 rowspan을 쓰고 다음 두 셀을 제거하세요. 🎜>
colspan은 가로 셀을 병합하는데 이는 세로 셀 병합과 유사합니다
다음 섹션
