공부한 것을 기록하고 정리합니다.

table, tr, th, td 본문

카테고리 없음

table, tr, th, td

HaTaehyeon 2022. 6. 27. 17:49

<table> 태그 <tr> <th> <td> 
<tr> table row 몇개의 행이 필요한지에 따라 table 안에 tr 태그를 필요한 만큼 넣는다. 
<th> table head - 대표하는 열을 나타낸다. (두꺼운 글씨체로 표시됨)
<td> table data - 데이터들을 나타낸다. 

<th> 가 쓸 수 있는 속성 'scope(범위)' th에서 나타내는 범위가 행(row)인지 열(col)인지 범위를 
약어로 나타내준다. 
<th scope="col"> 나라이름 </th> 
scope 을 작성한다고 웹브라우저가 달라지는 건 없지만 스크린 리더의 접근성에 좋다. 

<td> 에 <td colspan="2"> 합계 </td> 이런식으로 넣어서 
열의 2칸이 합쳐지게 할 수 있다. 
열을 합치는건 colspan , 행을 합치는건 rowspan

 

※ scope 속성은 <th> 만 적용가능 / rowspan, colspan 속성은 <th> <td> 둘다 가능