표 (Table)
데이터 표를 나타내는 태그
테이블의 구성 요소
<table> : 표를 나타내는 태그
<tr> : 행을 나타내는 태그
<th> : 제목 셀을 나타내는 태그
<td> : 셀을 나타내는 태그
테이블의 구조와 관련된 태그
<caption> : 표의 제목
<thead> : 제목 행
<tfoot> : 바닥 행
<tbody> : 본문 행
<colgroup> : 공통된 속성을 가지는 열들을 묶기 위한 태그
<col> : colgroup으로 묶을 각 공통된 속성 선언
테이블 관련 속성
colspan : 셀을 가로방향으로 병합
행 병합 : 첫 셀이 두개를 가진것으로 판단하여 <td colspan = "2">
rowspan : 셀을 세로방향으로 병합
열 병합 : 첫 셀이 두개를 가진것으로 판단하여 <td rowspan = "2">
scope : 스크린 리더기가 읽어줄 방향 설정
header : 해당 셀과 관련된 id 정보 전달
'HTML & CSS > html & css 입문' 카테고리의 다른 글
[부스트코스 강의] 3. (2) 시멘틱 마크업 (0) | 2023.11.26 |
---|---|
[부스트코스 강의] 3. (1) 콘텐츠 모델 (0) | 2023.11.26 |
[부스트코스 강의] 2. (3) HTML 태그 ( 폼 요소 ) (0) | 2023.11.26 |
[부스트코스 강의] 2. (1) HTML 태그 (제목 / 단락 / 텍스트 / 앵커 / 컨테이너 / 리스트 / 이미지) (0) | 2023.11.24 |
[부스트코스 강의] 1. HTML 문법 (태그 / 속성 / 중첩 / 빈 태그 / 공백 / 주석 / 문서구조) (0) | 2023.11.24 |