홈피만들기/홈피제작/홈피꾸미기/무료홈페이지만들기/개인홈페이지제작/홈페이지만드는방법/무료개인홈페이지/html 홈페이지/테이블태그/html 테이블/셀 합치기/table 태그/html table/

10-2. 표 - 셀 합치기

㈏ 셀 합치기

표를 만든 후 셀을 합치기 하려면 'rowspan'과 

'colspan'이라는 옵션을 사용하면 된다. 

이 두 개의 옵션은 모두 <th>와 

<td> 태그 안에서만 쓰인다.

① 행의 셀 합치기(rowspan)

'rowspan'은 가로로 나열된 여러 개의 행을 

지정한 n개 만큼 세로로 합쳐주는 역할을 한다. 

(형식) rowspan=n(2,3,4,...) 

(실습)

<html>

<head> <title>셀 합치기</title> </head>

<body>
 
<table border=5>
 
<tr>
 
<th rowspan=2>로미오와 줄리엣</th>
 
<th>로미오</th>
 
<th>줄리엣</th>
 
</tr>
 
<tr>
 
<td>레오나르도 디카프리오</td>
 
<td>클레어 데인즈</td>
 
</tr>
 
</table>

</body>

</html>

②열의 셀 합치기(colspan)

'colspan'은 세로로 나열된 여러 개의 열을 

지정한 n개 만큼 가로로 합쳐주는 역할을 한다.

(형식) colspan=n(2,3,4,...)

(실습)

<html>

<head> <title>셀 합치기</title> </head>

<body>
 
<table border=3>
 
<tr>
 
<th colspan=2>로미오와 줄리엣</th>
 
</tr>
 
<tr>
 
<th>로미오</th>
 
<td>레오나르도 디카프리오</td>
 
</tr>
 
<tr>
 
<th>줄리엣</th>
 
<td>클레어 데인즈</td>
 
</tr>
 
</table>

</body>

</html>