DAY 2. 표 만들기와 관련된 tag

프밍/HTML

태영(泰伶) 2022. 8. 20. 23:31

표에서

가로줄은 행(row),

세로줄은 열(column)

행과 열이 만나 cell이 된다!

<table>	- 지금부터 표 시작!
<caption>	- 표에 제목 붙이는 tag. - 생략 가능. - 쓸 거면 <table> 바로 아랫줄에 쓰기. - 제목은 표 맨 위 중앙에 표시됨.
<tr>	- 행(row)을 만듦.
<td>	- <tr> tag 안에서 열(column)을 나누어 cell을 만듦.
<th>	- 표 제목 행(row)에 cell 만들 때 사용함.
<thead>	- 표의 제목부분 구조 지정.
<tbody>	- 표의 본문 부분 구조 지정.
<tfoot>	- 표의 요약 부분 구조 지정.
rowspan	- 행(row)을 합치는 속성. ex,
colspan	- 열(column)을 합치는 속성.
<col>	- 열 1개 지정해서 스타일 지정. ex, 배경색 지정, 너비 바꾸기 등 - 반드시 <caption> tag 바로 뒤에 써야 함. - 닫힘 tag '</col>' 이런 거 없음.
<colgroup>	- <col> tag가 여러 개 나올 때 - 반드시 tag 바로 뒤에 써야 함. - </colgroup> 있음.