HTML 참조 매뉴얼

HTML 태그大全

HTML: <tbody> 태그

HTML 테이블 본문 요소( <tbody> )는 여러 테이블 행( <tr> 요소)을 포함하고 있으며, 이는 테이블의 본문( <table> )을 나타냅니다.

온라인 예제

자바스크립트 <thead>、<caption>、<tfoot> 및 <tbody> 요소가 포함된 테이블:

예제

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">　
<title>기본教程(oldtoolbag.com)</title>　
<style type="text/css">
thead {color:#009900;}
tbody {color:#0000cc;}
tfoot {color:#ff0000;}
</style>
</head>
<body>
<table border="1">
<caption>Council budget　2020</caption>
　　<thead>
　　　　<tr>
　　　　　　<th>Month</th>
　　　　　　<th>Savings</th>
　　　　</tr>
　　</thead>
　　<tfoot>
　　　　<tr>
　　　　　　<td>Sum</td>
　　　　　　<td>$180</td>
　　　　</tr>
　　</tfoot>
　　<tbody>
　　　　<tr>
　　　　　　<td>January</td>
　　　　　　<td>$100</td>
　　　　</tr>
　　　　<tr>
　　　　　　<td>February</td>
　　　　　　<td>$80</td>
　　　　</tr>
　　</tbody>
</table>
<p><b>제안:</b>thead, tbody, 和 tfoot 요소는 기본적으로 테이블 레이아웃에 영향을 미치지 않습니다. 그러나 이 요소에 대해 CSS를 사용하여 스타일을 정의할 수 있어 테이블의 외관을 변경할 수 있습니다.</p>
</body>
</html>

테스트를 해보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

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

태그 정의 및 사용 설명

<tbody> 태그는 HTML 테이블의 본문 내용을 조합하는 데 사용됩니다.

<tbody> 요소는 다음과 같이 사용되어야 합니다: <thead> and <tfoot> 요소가 결합되어 사용되어 테이블의 각 부분(본문, 헤더, 푸터)을 정의합니다.

이 요소를 사용하여 브라우저가 테이블 헤더와 테이블 푸터와 독립된 테이블 본문을 스크롤할 수 있게 합니다. 여러 페이지에 걸린 긴 테이블을 인쇄할 때, 테이블 헤더와 푸터는 테이블 데이터가 포함된 각 페이지에 인쇄될 수 있습니다.

<tbody> 태그는 다음과 같은 상황에서 사용되어야 합니다: <table> 요소의 자식으로 사용되고, <caption>, <colgroup>, <thead> 요소 뒤에 등장합니다.

제안과 주의사항

주의:<tbody> 요소 내부는 하나 이상의 <tr> 태그를 포함해야 합니다.

주의:테이블에 <tbody> 태그는 <caption>, <colgroup>, <thead> 태그 뒤에 반드시 등장해야 하며, <tfoot> 태그 앞에 반드시 등장해야 합니다.

ヒント：<thead>、<tbody> 및 <tfoot> 요소는 기본적으로 테이블 레이아웃에 영향을 미치지 않습니다. 그러나 이러한 요소에 대해 CSS를 사용하여 스타일을 정의할 수 있으며, 이를 통해 테이블의 외관을 변경할 수 있습니다.

HTML 4.01 HTML과5사이의 차이

HTML에서 5 중에서 더 이상 HTML을 지원하지 않습니다. 4.01 중 <tbody> 태그의 모든 속성.

속성

속성	값	설명
align	right 　left 　center 　justify 　char	HTML5 지원하지 않습니다. <tbody> 요소 내용의 정렬 방식을 정의합니다.
char	character	HTML5 지원하지 않습니다. <tbody> 요소 내용이 어떤 문자에 따라 텍스트 정렬되는지 정의합니다.
charoff	number	HTML5 지원하지 않습니다. <tbody> 요소 내용의 첫 번째 정렬 문자의 오프셋을 정의합니다.
valign	top 　middle 　bottom 　baseline	HTML5 지원하지 않습니다. <tbody> 요소 내용의 수직 정렬 방식을 정의합니다.

전역 속성

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

이벤트 속성

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

HTML: <td> 태그 HTML: <table> 태그