영상 전체가 1일치 분량인 줄 알고 어제 처음부터 끝까지 시청한 후 포스팅을 해버렸다. 오늘 공부하려고 접속했다가 깨닫게 되었다.
옛날부터 계속 헷갈리던 표 병합을 공부해보도록 하겠다.
colspan, rowspan을 활용해 표 병합이 가능하다.
colspan은 행, rowspan은 열의 병합이다.
(colspan이 당연히 column 병합인 줄 알고 상당히 헤매었다.)
코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Table Practice</title>
<link rel="stylesheet" href="style copy.css">
</head>
<body>
<h1>First</h1>
<table class="tb">
<thead>
<tr>
<td colspan="3">name</td>
</tr>
</thead>
<tbody>
<tr>
<td>lion</td>
<td>everland</td>
<td>031</td>
</tr>
</tbody>
</table>
<h1>Second</h1>
<table class="tb">
<thead>
<tr>
<td>lion</td>
<td>everland</td>
<td>031</td>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">lion</td>
<td>everland</td>
<td>031</td>
</tr>
<tr>
<td>lion</td>
<td>everland</td>
</tr>
</tbody>
</table>
<h1>Third</h1>
<table class="tb">
<thead>
<tr>
<td colspan="2">lion</td>
<td rowspan="3">031</td> <!--tbody에는 적용x-->
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">lion</td>
<td>everland</td>
<td rowspan="2">2</td>
</tr>
<tr>
<td>lion</td>
</tr>
</tbody>
</table>
</body>
</html>