[부스트코스 강의] 2. (2) HTML 태그 ( 테이블 요소 )

 표 (Table) 

데이터 표를 나타내는 태그

 

 

 테이블의 구성 요소 

<table> : 표를 나타내는 태그

<tr> : 행을 나타내는 태그

<th> : 제목 셀을 나타내는 태그

<td> : 셀을 나타내는 태그

 

 

 

 테이블의 구조와 관련된 태그 

<caption> : 표의 제목

<thead> : 제목 행

<tfoot> : 바닥 행

<tbody> : 본문 행

 

<colgroup> : 공통된 속성을 가지는 열들을 묶기 위한 태그

<col> : colgroup으로 묶을 각 공통된 속성 선언

 

 

 

 

 테이블 관련 속성 

colspan : 셀을 가로방향으로 병합

행 병합 : 첫 셀이 두개를 가진것으로 판단하여 <td colspan = "2">

 

rowspan : 셀을 세로방향으로 병합

열 병합 : 첫 셀이 두개를 가진것으로 판단하여 <td rowspan = "2">

 

scope : 스크린 리더기가 읽어줄 방향 설정

header : 해당 셀과 관련된 id 정보 전달