HTML <table> Tag

간단한 HTML 테이블, 두 개의 열과 두 개의 행을 포함 :

<table>
<tr>
    <th>Month</th>
    <th>Savings</th>
</tr>
<tr>
    <td>January</td>
    <td>$100</td>
</tr>
</table>

자세한 내용은 아래 예 "자신을보십시오."

정의 및 사용

<table> 태그는 HTML 테이블을 정의합니다.

HTML 테이블이 구성 <table> 요소와 하나 이상의 <tr> , <th> , 그리고 <td> 요소입니다.

<tr> 요소는이 테이블 행을 정의 <th> 요소는 테이블 헤더를 정의하고, <td> 요소는 테이블 셀을 정의합니다.

더 복잡한 HTML 테이블도 포함 할 수있다 <caption>, <col>, <colgroup>, <thead>, <tfoot> , 그리고 <tbody> 요소입니다.

요소
<table>	예	예	예	예	예

은 "align", "bgcolor", "cellpadding", "cellspacing", "frame", "rules", "summary" 및 "width" 속성은 HTML5에서 지원되지 않습니다.

속성	값	기술
align	left center right	HTML5에서 지원되지 않습니다. 주변 텍스트에 따라 테이블의 정렬을 지정합니다
bgcolor	rgb(x,x,x) #xxxxxx colorname	HTML5에서 지원되지 않습니다. 테이블의 배경 색상을 지정합니다
border	1 0	테이블 레이아웃을 위해 사용되는지 여부를 지정
cellpadding	pixels	HTML5에서 지원되지 않습니다. 셀 벽 및 셀 내용 사이의 공간을 지정
cellspacing	pixels	HTML5에서 지원되지 않습니다. 세포 사이의 공간을 지정
frame	void above below hsides lhs rhs vsides box border	HTML5에서 지원되지 않습니다. 외부 테두리 부분은 볼 수 있어야 지정하는
rules	none groups rows cols all	HTML5에서 지원되지 않습니다. 내부 테두리 부분은 볼 수 있어야 지정하는
sortable	sortable	테이블이 정렬되도록 지정
summary	text	HTML5에서 지원되지 않습니다. 테이블의 내용을 요약 지정
width	pixels %	HTML5에서 지원되지 않습니다. 테이블의 폭을 지정

테이블 헤더
테이블 헤더를 만드는 방법.

캡션 테이블
캡션을 가진 HTML 테이블.

테이블 내부 태그
다른 요소 내부 요소를 표시하는 방법.

하나 이상의 행 / 열에 걸쳐 셀
어떻게 둘 이상의 행 또는 1 열을 걸쳐 테이블 셀을 정의합니다.

대부분의 브라우저는 표시됩니다 <table> 다음과 같은 기본 값으로 요소를 :

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}