자세한 내용은 아래 예 "자신을보십시오."
정의 및 사용
<td> 태그는 HTML 테이블의 표준 셀을 정의한다.
HTML 테이블 세포 두 종류가있다 :
- 헤더 셀 -합니다 (로 만든 헤더 정보가 포함되어 <th> 요소)
- 표준 셀 -합니다 (로 생성 된 데이터가 포함 <td> 요소)
의 텍스트는 <th> 요소는 대담하고 기본적으로 중심이다.
의 텍스트 <td> 요소는 일반 및 왼쪽 정렬 기본적으로 있습니다.
브라우저 지원
| 요소 | |||||
|---|---|---|---|---|---|
| <td> | 예 | 예 | 예 | 예 | 예 |
팁과주의 사항
팁 : 사용하여 colspan 과 rowspan 여러 열이나 행에 걸쳐 콘텐츠 범위를 수 있도록 속성을!
HTML 4.01과 HTML5의 차이점
모든 레이아웃 속성은 HTML5에서 제거됩니다.
속성
| 속성 | 값 | 기술 |
|---|---|---|
| abbr | text | HTML5에서 지원되지 않습니다. 셀에 내용의 축약 버전을 지정합니다 |
| align | left right center justify char | HTML5에서 지원되지 않습니다. 셀의 컨텐츠를 정렬 |
| axis | category_name | HTML5에서 지원되지 않습니다. 세포를 분류 |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | HTML5에서 지원되지 않습니다. 셀의 배경 색을 지정 |
| char | character | HTML5에서 지원되지 않습니다. 문자에 셀의 콘텐츠를 정렬 |
| charoff | number | HTML5에서 지원되지 않습니다. 함량은에 의해 지정된 문자의 문자의 수가 일치한다 세트 char 특성 |
| colspan | number | 셀 스팬한다 열의 수를 지정 |
| headers | header_id | 셀과 관련된 하나 이상의 헤더 셀을 지정 |
| height | pixels % | HTML5에서 지원되지 않습니다. 셀의 높이를 설정 |
| nowrap | nowrap | HTML5에서 지원되지 않습니다. 셀 내부의 내용이 줄 바꿈되지 않도록 지정합니다 |
| rowspan | number | 셀 스팬한다 행수를 설정 |
| scope | col colgroup row rowgroup | HTML5에서 지원되지 않습니다. 테이블의 헤더 셀들 및 데이터 셀을 연결하는 방법을 정의 |
| valign | top middle bottom baseline | HTML5에서 지원되지 않습니다. 수직 셀의 콘텐츠를 정렬 |
| width | pixels % | HTML5에서 지원되지 않습니다. 셀의 폭을 지정 |
글로벌 속성
<td> 태그도 지원 글로벌은 HTML의 속성 .
이벤트 속성
<td> 태그도 지원 이벤트는 HTML의 속성 .
그것을 자신을 시도 - 예를
테이블 헤더
테이블 헤더를 만드는 방법.
캡션 테이블
캡션을 가진 HTML 테이블.
테이블 내부 태그
다른 요소 내부 요소를 표시하는 방법.
C의 하나 이상의 행 / 열 걸쳐 ELL 학생
어떻게 둘 이상의 행 또는 1 열을 걸쳐 테이블 셀을 정의합니다.
관련 페이지
HTML 튜토리얼 : HTML 테이블
HTML DOM 참조 : TableData 개체
CSS 자습서 : 스타일링 테이블
기본 CSS 설정
대부분의 브라우저는 표시됩니다 <td> 다음과 같은 기본 값으로 요소를 :
td {
display: table-cell;
vertical-align: inherit;
}