일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- 언리얼엔진
- 3d
- visualstudio
- C
- Programming
- ue5
- UnrealEngine
- HTML
- maya
- 3dmodeling
- charactercreator
- 개발
- Costume
- character
- autodesk
- 마야
- ANIMATION
- cc4
- 프로그래밍
- C언어
- 개발블로그
- animating
- 애니메이팅
- unreal
- 씨플플
- iclone
- c++
- reallusion
- UE
- modeling
Archives
- Today
- Total
개발나라 스용공주
[HTML] table에서 칸 병합하기 / colspan, rowspan 본문
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/
728x90
728x90
'WEB > HTML & CSS' 카테고리의 다른 글
[HTML] 개체 중앙에 배치하기 / Justify-content와 align-items (0) | 2024.07.27 |
---|---|
[HTML] table의 display 속성 (0) | 2024.07.22 |
[HTML] 일기예보 만들기 예제 실습 (0) | 2024.07.12 |
[교재] HTML 왕기초 22장 - Visual Studio Code / 폼(form) 양식 만들기 (0) | 2024.07.03 |
[교재] HTML 왕기초 21장 - Visual Studio Code / 표 만들기 (1) | 2024.07.03 |
Comments