본문 바로가기

웹표준/(X)HTML

table,caption,colgroup,col,thead,tbody,tfoot,tr,th,td 태그

table
원어 및 기능 table (표를 정의)
Element tr th td (한개 이상의 th 또는 td 를 포함해야 한다)       (Element 종류)
포함가능 Element Block Inline Text
속성 - align="값" (값 = left / center / right)
- backgroungd="이미지 파일 경로"
- bgcolor="값" (값 = 색이름 / SRGB)
- bordercolor="값" (값 = 색이름 / SRGB)
- border="픽셀"
- bordercolordark="값" (값 = 색이름 / SRGB)
- bordercolorlight="값" (값 = 색이름 / SRGB)
- cellpadding="픽셀"
- cellspacing="픽셀"
- cols="숫자"
- class="클래스 이름"
- frame="값" (값 = above / below / border / hsides / Lhs / rhs / vside / void)
- height="픽셀"
- hspace="픽셀"
- id="id 이름"
- rules="값" (값 = cols / rows / none / all / group)
- style="스타일 시트 입력"
- title="제목"
- width="픽셀/(%)"
특이사항 - summary 요약문 abbr 약어 지정 (WCAG1.0)
예제
결과
caption
원어 및 기능 table caption (표 제목 정의)
Element Block (Element 종류)
포함가능 Element Block Inline Text
속성 - align="값" (값 = top / bottom / left / right)
- id="id 이름"
- class="클래스 이름"
- style="스타일 시트 입력"
- title="제목"
특이사항 table요소의 시작태그 바로 뒤에 기술
예제
결과
colgroup
원어 및 기능 table column group (표의 열 그룹)
Element Block (Element 종류)
포함가능 Element col 태그만 가능
속성 - align="값" (값 = top / bottom / left / right)
- id="id 이름"
- char="기준 알파벳"
- charoff="문자 개수"
- span="열 개수"
- style="스타일 시트 입력"
- width="픽셀"
- valign="값" (값 = top / bottom / center / baseline)
특이사항 col 태그만 가능
예제
결과
col
원어 및 기능 table COLumn (표의 열 속성 정의)
Element Block (Element 종류)
포함가능 Element 빈요소이므로 X
속성 - align="값" (값 = top / bottom / left / right)
- id="id 이름"
- char="기준 알파벳"
(align 속성값을 "char"로 했을 때 정렬을 기준으로 할 문자를 지정 HTML 4.0 표준)
- charoff="문자 개수" (align 속성값을 "char"로 했을 때 정렬을 기준으로 할 문자를 지정 HTML 4.0 표준)
- span="열 개수" (열의 개수를 지정 IE 3.0,N 4.0 이상)
- style="스타일 시트 입력"
- width="픽셀"
- valign="값" (값 = top / bottom / center / baseline)
특이사항 col 태그만 가능
예제
결과
thead tbody tfoot
원어 및 기능 table header (표의 헤더행을 정의)
table body (표의 바디행을 정의)
table footer (표의 푸터행을 정의)
Element Inline (Element 종류)
포함가능 Element tr 태그만 가능
속성 - align="값" (값 = left / center / right / justify / char)
- axis="셀 이름" (셀의 이름을 설정합니다.)
- axes="관련 내용" (셀의 내용과 부합하는 이름을 나열합니다.)
- background="이미지 파일 경로"
- bgcolor="값" (값 = 색이름 / SRGB)
- bordercolor="값" (값 = 색이름 / SRGB)
- bordercolordark="값" (값 = 색이름 / SRGB) (셀 경계선을 3차원으로 만들때 사용되는 어두운색을 지정)
- bordercolorlight="값" (값 = 색이름 / SRGB) (셀 경계선을 3차원으로 만들 때 사용되는 밝은색을 지정)
- char="기준 알파벳" (align 속성값을 "char"로 했을 때 정렬을 기준으로 할 문자를 지정 HTML 4.0 표준)
- charoff="문자 개수" (align 속성값을 "char"로 했을 때 정렬을 기준으로 할 문자를 지정 HTML 4.0 표준)
- class="클래스 이름"
- colspan="숫자"
- id="id 이름"
- rowspan="숫자"
- style="스타일 시트 입력"
- title="제목"
- nowrap
- valign="값" (값 = top / bottom / center / baseline)
특이사항 tr 태그만 가능
예제
결과
tr
원어 및 기능 table row (표의 행을 정의)
Element Inline (Element 종류)
포함가능 Element th td 태그만 가능
속성 - align="값" (값 = left / center / right / justify / char)
- bgcolor="값" (값 = 색이름 / SRGB)
- bordercolor="값" (값 = 색이름 / SRGB)
- bordercolordark="값" (값 = 색이름 / SRGB)
- bordercolorlight="값" (값 = 색이름 / SRGB)(표의 외곽선을 3차원으로 만들 때 사용되는 밝은 색을 지정 IE 3.0 이상)
- char="기준 알파벳" (align 속성값을 "char"로 했을 때 정렬을 기준으로 할 문자를 지정 HTML 4.0 표준)
- charoff="문자 개수" (align 속성값을 "char"로 했을 때 정렬을 기준으로 할 문자를 지정 HTML 4.0 표준)
- class="클래스 이름" (스타일 시트의 서식을 적용 IE 4.0, N 4.0 이상)
- id="id 이름"
- style="스타일 시트 입력"
- title="제목"
- nowrap
- valign="값" (값 = top / bottom / center / baseline)
특이사항 th td 태그만 가능
예제
결과
th td
원어 및 기능 table header cell (표의 제목 쎌)
table header cell (표의 데이터 쎌)
Element Block (Element 종류)
포함가능 Element Block Inline Text
속성 - align="값" (값 = left / center / right / justify / char)
- bgcolor="값" (값 = 색이름 / SRGB)
- bordercolor="값" (값 = 색이름 / SRGB)
- bordercolordark="값" (값 = 색이름 / SRGB)
- bordercolorlight="값" (값 = 색이름 / SRGB)(표의 외곽선을 3차원으로 만들 때 사용되는 밝 은 색을 지정 IE 3.0 이상)
- char="기준 알파벳" (align 속성값을 "char"로 했을 때 정렬을 기준으로 할 문자를 지정 HTML 4.0 표준)
- charoff="문자 개수" (align 속성값을 "char"로 했을 때 정렬을 기준으로 할 문자를 지정 HTML 4.0 표준)
- class="클래스 이름" (스타일 시트의 서식을 적용 IE 4.0, N 4.0 이상)
- id="id 이름"
- style="스타일 시트 입력"
- title="제목"
- nowrap
- valign="값" (값 = top / bottom / center / baseline)
특이사항
예제
결과