원어 및 기능 | 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) |
예제 | |
결과 |
원어 및 기능 | table caption (표 제목 정의) |
---|---|
Element | Block (Element 종류) |
포함가능 Element | Block Inline Text |
속성 | - align="값" (값 = top / bottom / left / right) - id="id 이름" - class="클래스 이름" - style="스타일 시트 입력" - title="제목" |
특이사항 | table요소의 시작태그 바로 뒤에 기술 |
예제 | |
결과 |
원어 및 기능 | 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 태그만 가능 |
예제 | |
결과 |
원어 및 기능 | 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 태그만 가능 |
예제 | |
결과 |
원어 및 기능 | 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 태그만 가능 |
예제 | |
결과 |
원어 및 기능 | 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 태그만 가능 |
예제 | |
결과 |
원어 및 기능 | 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) |
특이사항 | |
예제 | |
결과 |