상세 컨텐츠

본문 제목

[HTML] 표작업

IT/HTML

by o_zeew 2024. 3. 6. 17:30

본문

24.03.06 15일차

목차

1. 표작업


1. 표작업

tabld : 감싸는 전체 표

tr : 행(row)

td : 열(column)

th : 제목 역할을 하는 셀을 정의

여백 사라짐
여백 확인
여백 사라짐
th 태그를 사용하여 제목 지정

thead : 제목 영역 (tabld head)

tbody : 본문 영역 (tabld body)

tfoot : 요약 영역 (table foot)

 

colgroup : 표는 행만 묶을 수 있기 때문에 열을 묶고싶다면 colgroup을 사용

열을 두개로 나눠서 배경색 지정

 

셀합치기

colspan : 열 합치기

3개의 열을 합치기

rowspan : 행 합치기

 

 * 열이나 행을 늘릴 때는 다른 열,행들과의 자리도 고려해야한다

 

caption : 표의 제목 (음성낭독프로그램에서 구분 가능)

scope : 열이나 행의 제목 (열의 제목 : th scope="col" / 행의 제목 : th scope="row")

'IT > HTML' 카테고리의 다른 글

[HTML] 반응형웹구조  (0) 2024.03.08
[HTML] 폼 | label | video  (0) 2024.03.07
[HTML5] 하이퍼링크 | <a>  (0) 2024.03.05
[HTML5] 무료 웹 호스팅  (0) 2024.03.04
[HTML] HTML 기본 설정 | 구조 파악 | <h#> | Block 태그 | Inline 태그  (0) 2024.03.04

관련글 더보기