Latest web development tutorials

HTML <TD> 태그

두 세포와 간단한 HTML 양식 :

<table border="1">
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>

»시도
(자세한 예를 들어, 페이지 하단 참조)

브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

모든 주요 브라우저는 <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 객체