Posts /

HTML: < tbody > 태그

Twitter Facebook Google+
18 Oct 2018

HTML Tag : <tbody> 태그

<table>
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
</table>

tbody 태그란?

tbody 태그는 본문 내용을 HTML 테이블에 그룹화하는 데 사용됩니다.

tbody 요소는 thead 및 tfoot 요소 와 함께 사용되어 테이블의 각 부분 (본문, 머리글, 바닥 글)을 지정합니다.

브라우저는이 요소를 사용하여 머리글과 바닥 글과 별도로 테이블 본문을 스크롤 할 수 있습니다.

또한 여러 페이지에 걸쳐있는 대형 테이블을 인쇄 할 때이 요소를 사용하면 각 페이지의 상단과 하단에 표 머리글과 바닥 글을 인쇄 할 수 있습니다.

tbody 태그는 다음 컨텍스트에서 사용해야합니다.table 요소의 하위 요소로, caption, colgroup 및 thead 요소 뒤에.

tbody 요소에는 하나 이상의 tr 태그가 있어야합니다.

thead, tbody 및 tfoot 요소는 기본적으로 테이블 레이아웃에 영향을주지 않습니다. 그러나 CSS를 사용하여 이러한 요소의 스타일을 지정할 수 있습니다.


Twitter Facebook Google+