HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <table> 태그

온라인 예제

두 개의 HTML 테이블 표시:

예제

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML 테이블 태그 사용(기본 튜토리얼 웹3codebox.com)/title>
</head>
<body>
<table　border="1">
　　<tr>
　　　　<th>Item</th>
　　　　<th>Amount</th>
　　</tr>
　　<tr>
　　　　<td>Bananas</td>
　　　　<td>$5</td>
　　</tr>
　　<tr>
　　　　<td>Oranges</td>
　　　　<td>$17</td>
　　</tr>
</table>
<br>
<table　border="1">
　　　　<thead>
　　　　　　　　<tr>
　　　　　　　　　　　　<th　colspan="2">The　table　header</th>
　　　　　　　　</tr>
　　　　</thead>
　　　　<tbody>
　　　　　　　　<tr>
　　　　　　　　　　　　<td>The　table　body</td>
　　　　　　　　　　　　<td>with　two　columns</td>
　　　　　　　　</tr>
　　　　</tbody>
</table>
</body>
</html>

시험해 보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

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

태그 정의 및 사용 설명

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

하나의 HTML 테이블은 <table> 요소와 하나 이상의 <tr>、<th> 및 <td> 요소.

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

더 복잡한 HTML 테이블은 <caption>、<col>、<colgroup>、<thead>、<tfoot> 및 <tbody> 요소를 포함할 수 있습니다.

HTML 4.01 와 HTML5사이의 차이

HTML5 중에서만 "border" 속성이 지원되며, "" 값만 사용할 수 있습니다.1" 또는 ""

속성

속성	값	설명
정렬	왼쪽 가운데 오른쪽	HTML5 지원하지 않습니다. HTML 4.01 폐지됨 테이블이 주위 요소에 대한 정렬 방식을 정의합니다.
bgcolor	rgb(x,x,x) #xxxxxx 색이름	HTML5 지원하지 않습니다. HTML 4.01 폐지됨 테이블의 배경색을 정의합니다.
테두리	1 ""	테이블 셀에 테두리가 있는지 정의합니다.
셀패딩	pixels	HTML5 지원하지 않습니다. 셀 테두리와 내용 사이의 공백을 정의합니다.
셀스페이싱	pixels	HTML5 지원하지 않습니다. 셀 간의 공백을 정의합니다.
프레임	빈 공간 　위 　아래 　상단 테두리 　왼쪽 　오른쪽 　좌측 테두리 　박스 　테두리	HTML5 지원하지 않습니다. 외부 테두리의 어느 부분이 보이는지 정의합니다.
규칙	없음 　그룹 　행 　열 　모두	HTML5 지원하지 않습니다. 내부 테두리의 어느 부분이 보이는지 정의합니다.
요약	text	HTML5 지원하지 않습니다. 테이블의 요약을 정의합니다.
width	pixels 　%	HTML5 지원하지 않습니다. 테이블의 너비를 정의합니다.

전역 속성

<table> 태그가 지원 HTML의 전역 속성。

이벤트 속성

<table> 태그가 지원 HTML 이벤트 속성。