반응형
- HTML Header 구조는 이렇다.
- 한 덩어리의 <tr> 태그는 1열을 의미하고, 여러 열을 표시하고 싶은 경우 <tr> 태그를 밑으로 차곡차곡 쌓으면 된다.
- table header는 default 값으로, 굵은 글씨체 + 센터 위치로 맞춰지며,
- header 의 위치는 <th> 를 어디에 위치 시키는가에 따라 달라진다.
<텍스트 정렬>
- Header 의 텍스트 위치를 center 가 아닌, 왼쪽 or 오른쪽 정렬을 해주고 싶다면 CSS의 text-align 속성을 사용 하면 된다.
<셀 병합>
- 가로 셀 병합은 <th> 요소 안에 colspan 속성을 사용 하면 된다.
- 세로 셀 병합은 <th> 요소 안에 rowspan 속성을 사용 하면 된다.
<테이블 제목 달기 | table caption>
- 전체 테이블에 제목을 달아주려면, <caption> 태그를 사용하면 된다.
- <caption> 태그의 위치는 항상 <table> 태그 바로 밑에 와야한다.
반응형