코드랩 레퍼런스

<td> 본문

HTML

<td>

webstoryboy 2016. 6. 6. 11:45
<td> 태그(table data)는 표의 셀을 정의합니다.
특징 설명
콘텐츠 카테고리 -
콘텐츠 속성 Global Attributes, Event Attributes
콘텐츠 요소 Inline Element
닫는 태그 사용
버전 HTML4
시각적 표현 -

Definition

  • <td> 태그는 태그(table data)는 표의 셀을 정의합니다.
  • <table> 태그는 기본적으로 <tr>, <td> 또는 <th>로 구성되어 있습니다.
  • <table> 태그는 추가적으로 <caption>, <col>, <colgroup>, <thead>, <tbody>, <tfoot> 요소를 포함하고 있습니다.
  • <table> 태그는 레이아웃을 목적으로 사용은 적합하지 않지만, 예외적으로 메일을 보낼 때는 레이아웃을 목적으로 사용이 가능합니다.

CrossBroswing

  • HTML5에서는 "align", "bgcolor", "border", "cellpadding", "cellspacing", "frame", "rules", "summary", "width" 속성을 지원하지 않습니다.

Property

속성 값(예) 설명 버전
abbr abbr="HTML" 테이블 헤더 셀의 요약 단어를 설정합니다. -
align left
right
center
justify
char
테이블 헤더 셀의 요소를 오른쪽으로 정렬합니다.
테이블 헤더 셀의 요소를 왼쪽으로 정렬합니다.
테이블 헤더 셀의 요소를 가운데로 정렬합니다.
테이블 헤더 셀의 요소를 양쪽으로 정렬합니다.
테이블 헤더 셀의 문자를 설정합니다
html5
axis axis="name" 테이블 헤더 셀의 카테고리를 분류할 때 설정합니다. html5
bgcolor bgcolor="blue" 테이블 헤더 셀의 백그라운드 색을 설정합니다. html5
char char="." 테이블 헤더 셀의 문자를 설정합니다. html5
charoff character 테이블 헤더 셀의 문자 수를 설정합니다. html5
colspan colspan="2" 테이블 헤더 가로 셀의 합친 갯수를 설정합니다. -
headers headers="name" 테이블 헤더의 제목을 설정합니다. -
height height="30" 테이블 헤더 셀의 높이를 설정합니다. html5
nowrap nowrap 테이블 헤더의 내용이 자동 줄바꿈 되지 않도록 설정합니다. html5
rowspan rowspan="2" 테이블 헤더 세로 셀의 합친 갯수를 설정합니다. html5
scope col
colgroup
row
rowgroup
테이블 헤더 가로 열의 속성을 설정합니다.
테이블 헤더 가로 열의 그룹 속성을 설정합니다.
테이블 헤더 세로 열의 속성을 설정합니다.
테이블 헤더 세로 열의 그룹 속성을 설정합니다.
-
sorted reversed
number
reversed number
number reversed
테이블 헤더 컬럼의 정렬을 설정합니다. -
valign top
middle
bottom
baseline
테이블 헤더 셀의 수직 정렬을 위로 설정합니다.
테이블 헤더 셀의 수직 정렬을 가운데로 설정합니다.
테이블 헤더 셀의 수직 정렬을 밑으로 설정합니다.
테이블 헤더 셀의 수직 정렬을 기본위치로 설정합니다.
html5
width width="30" 테이블 헤더의 가로 값을 설정합니다. html5

Compatibility

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 안드로이드 아이콘 ios 아이콘 익스플로러6 아이콘 6 익스플로러7 아이콘 7 익스플로러8 아이콘 8 익스플로러9 아이콘 9 익스플로러10 아이콘 10 익스플로러11 아이콘 11 엣지 아이콘
th
abbr
align
axis
bgcolor
char
charoff
colspan
headers
height
nowrap
rowspan
scope
sorted
valign
width

Ad

Comments