Latest web development tutorials

HTML <표> 태그

이 두 줄이 포함 된 간단한 HTML 테이블 :

<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>

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

브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

모든 주요 브라우저는 <표> 태그를 지원합니다.


태그 정의 및 지침

<표> 태그는 HTML 테이블을 정의

테이블은 HTML <표> 요소를 하나 이상 포함 <TR> , <TH><TD> 요소를.

<TR> 요소는 <TD> 요소는 테이블 셀을 정의, 테이블 행, <일> 요소는 테이블 헤더를 정의하고 정의합니다.

더 복잡한 형태는 HTML을 포함 할 수있다 <캡션>, <COL>, <COLGROUP>, <THEAD>, <TFOOT>와 <TBODY> 요소입니다.


HTML 4.01과 HTML5의 차이점

HTML5 만 지원 "경계"속성에서, 단지 값이 "1"또는 사용 허용 "을."


재산

属性 描述
align left
center
right
HTML5 不支持。HTML 4.01 已废弃。 规定表格相对周围元素的对齐方式。
bgcolor rgb(x,x,x)
#xxxxxx
colorname
HTML5 不支持。HTML 4.01 已废弃。 规定表格的背景颜色。
border 1
""
规定表格单元是否拥有边框。
cellpadding pixels HTML5 不支持。规定单元边沿与其内容之间的空白。
cellspacing pixels HTML5 不支持。规定单元格之间的空白。
frame void
above
below
hsides
lhs
rhs
vsides
box
border
HTML5 不支持。规定外侧边框的哪个部分是可见的。
rules none
groups
rows
cols
all
HTML5 不支持。规定内侧边框的哪个部分是可见的。
summary text HTML5 不支持。规定表格的摘要。
width pixels
%
HTML5 不支持。规定表格的宽度。


전역 속성

<표> 태그를 지원 HTML을 글로벌 속성을 .


이벤트 등록

<표> 태그를 지원 HTML 이벤트 속성을 .


예

시도 - 예

표 제목
이 예는 테이블 헤더를 표시하는 방법을 보여줍니다.

빈 셀
내용이없는 처리 세포,이 예제에서는 "를 & nbsp"사용하는 방법을 보여줍니다.

제목과 표
이 예는 제목 (캡션) 양식을 보여줍니다.

테이블 내 태그
이 예는 다른 요소 내부 요소를 표시하는 방법을 보여줍니다.

열 또는 표 셀에서 은행 간
이 예는 교차 또는 테이블 셀의 열에서 정의하는 방법을 보여줍니다.


관련 기사

HTML 자습서 : HTML 테이블

HTML DOM 참조 설명서 : 테이블 개체