로그인  회원가입  
인포앤북 홈

6-2. 열과 행의 병합

■ 테이블 열의 병합

다음은 colspan 속성을 이용하여 테이블의 열을 병합하는 예입니다.

열의 병합
ex6-3.html
<h3>오늘의 날씨</h3>
<table border="1">
<tr><th>지역</th> <th colspan="2">최저/최고기온</th> <th>습도</th></tr>
<tr><td>서울</td> <td>20</td> <td>30</td> <td>60</td></tr>
<tr><td>대구</td> <td>20</td> <td>30</td> <td>60</td></tr> 
<tr><td>광주</td> <td>20</td> <td>30</td> <td>60</td></tr>
<tr><td>부산</td> <td>20</td> <td>30</td> <td>60</td></tr>
</table>
ex6-3.html의 실행 결과
■ 테이블 행의 병합

테이블의 행을 병합하는 데에는 다음과 같이 rowspan을 사용합니다.

행의 병합
ex6-4.html
<h3>오늘의 날씨</h3>
<table border="1">
<tr><th></th> <th></th><th colspan="2">최저/죄저기온</th></tr>
<tr><td rowspan="2">경기도</td> <td>수원</td> <td>20</td> <td>30</td></tr>
<tr><td>인천</td> <td>20</td> <td>30</td></tr>
<tr><td rowspan="2">강원도</td> <td>강릉</td> <td>20</td> <td>30</td></tr>
<tr><td>원주</td> <td>20</td> <td>30</td></tr>
</table>
ex6-4.html의 실행 결과