HTML Table Header | 테이블 헤더 구조 | 텍스트 정렬 | 셀병합 Collspan/ Rowspan | 테이블 제목

• HTML Header 구조는 이렇다.

• 한 덩어리의 <tr> 태그는 1열을 의미하고, 여러 열을 표시하고 싶은 경우 <tr> 태그를 밑으로 차곡차곡 쌓으면 된다.
• table header는 default 값으로, 굵은 글씨체 + 센터 위치로 맞춰지며,
• header 의 위치는 <th> 를 어디에 위치 시키는가에 따라 달라진다.

---

 

<텍스트 정렬>

​

• Header 의 텍스트 위치를 center 가 아닌, 왼쪽 or 오른쪽 정렬을 해주고 싶다면 CSS의 text-align 속성을 사용 하면 된다.

---

 

<셀 병합>

​

• 가로 셀 병합은 <th> 요소 안에 colspan 속성을 사용 하면 된다.
• 세로 셀 병합은 <th> 요소 안에 rowspan 속성을 사용 하면 된다.

colspan="2" 는 병합된 2개의 셀

---

 

<테이블 제목 달기 | table caption>

​

• 전체 테이블에 제목을 달아주려면, <caption> 태그를 사용하면 된다.
• <caption> 태그의 위치는 항상 <table> 태그 바로 밑에 와야한다.

 

---

​