HTML <표> 태그
예
이 두 줄이 포함 된 간단한 HTML 테이블 :
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
»시도
(자세한 예를 들어, 페이지 하단 참조)
브라우저 지원
모든 주요 브라우저는 <표> 태그를 지원합니다.
태그 정의 및 지침
<표> 태그는 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 참조 설명서 : 테이블 개체