HTML <TD> 태그
예
두 세포와 간단한 HTML 양식 :
<table border="1">
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
»시도
(자세한 예를 들어, 페이지 하단 참조)
브라우저 지원
모든 주요 브라우저는 <TD> 태그를 지원합니다.
태그 정의 및 지침
<TD> 태그는 표준 HTML 테이블 셀을 정의합니다.
HTML 테이블, 세포의 두 가지 유형이 있습니다 :
- 헤더 셀 - 헤더 정보 (포함 <제> 요소를 생성)
- 표준 셀 - (의 <TD> 요소에 의해 생성 된) 데이터를 포함
<목> 요소는 일반적으로 굵은 텍스트로 렌더링 및 중앙.
<TD> 요소는 일반적으로 일반 텍스트 왼쪽 정렬 텍스트입니다.
팁과주의 사항
팁 : 여러 행이나 열, 사용 열 병합과 ROWSPAN 특성에 게재 된 내용이 필요하면!
HTML 4.01과 HTML5의 차이점
HTML 5는 더 이상 4.01 속성이 지원하는 일부 HTML 없습니다.
재산
属性 | 值 | 描述 |
---|---|---|
abbr | text | HTML5 不支持。规定单元格中内容的缩写版本。 |
align | left right center justify char |
HTML5 不支持。规定单元格内容的水平对齐方式。 |
axis | category_name | HTML5 不支持。对单元格进行分类。 |
bgcolor | rgb(x,x,x) #xxxxxx colorname |
HTML5 不支持。HTML 4.01 已废弃。 规定单元格的背景颜色。 |
char | character | HTML5 不支持。规定根据哪个字符来进行内容的对齐。 |
charoff | number | HTML5 不支持。规定对齐字符的偏移量。 |
colspan | number | 规定单元格可横跨的列数。 |
headers | header_id | 规定与单元格相关联的一个或多个表头单元格。 |
height | pixels % |
HTML5 不支持。HTML 4.01 已废弃。 设置单元格的高度。 |
nowrap | nowrap |
HTML5 不支持。HTML 4.01 已废弃。 规定单元格中的内容是否折行。 |
rowspan | number | 设置单元格可横跨的行数。 |
scope | col colgroup row rowgroup |
HTML5 不支持。定义将表头单元格与数据单元格相关联的方法。 |
valign | top middle bottom baseline |
HTML5 不支持。规定单元格内容的垂直排列方式。 |
width | pixels % |
HTML5 不支持。HTML 4.01 已废弃。 规定单元格的宽度。 |
전역 속성
<TD> 태그를 지원 HTML을 글로벌 속성을 .
이벤트 등록
<TD> 태그를 지원 HTML 이벤트 속성을 .
시도 - 예
표 제목
이 예는 테이블 헤더를 표시하는 방법을 보여줍니다.
빈 셀
내용이없는 처리 세포,이 예제에서는 "를 & nbsp"사용하는 방법을 보여줍니다.
제목과 표
이 예는 제목 (캡션) 양식을 보여줍니다.
테이블 내 태그
이 예는 다른 요소 내부 요소를 표시하는 방법을 보여줍니다.
열 또는 표 셀에서 은행 간
이 예는 교차 또는 테이블 셀의 열에서 정의하는 방법을 보여줍니다.
관련 기사
HTML 자습서 : HTML 테이블
HTML DOM 참조 : TD 객체