개발나라 스용공주

[HTML] table에서 칸 병합하기 / colspan, rowspan 본문

WEB/HTML & CSS

[HTML] table에서 칸 병합하기 / colspan, rowspan

스용공주 2024. 7. 12. 15:46
728x90
728x90

아래 예제 사진처럼 '지역' 글씨 부분과 날짜 부분을 보면 가로 세로가 칸이 병합된 것을 알 수 있다.

 

[ rowspan ]

아래 코드와 같이 rowspan을 사용하면 위아래 칸을 병합시켜줄 수 있다.

숫자 2는 2칸을 병합한다는 의미다.

<tr>
	<th rowspan="2">지역</th>
</tr>

 

 

[ colspan ]

똑같은 방식으로 colspan을 사용하면 좌우 칸을 병합시켜줄 수 있다.

숫자 2는 2칸을 병합한다는 의미다.

<tr>
	<th colspan="2">13일(목)</th>
</tr>

 

 

 


https://hwangseoyoung.tistory.com/

 

개발나라 스용공주

프로그래밍 언어 및 개발 프로그램 툴에 대해 다루는 뭐 .. 그런 블로그

hwangseoyoung.tistory.com

728x90
728x90
Comments