>  기사  >  웹 프론트엔드  >  html tbody 태그는 블록 수준 요소입니까? html tbody 태그의 기본 사용법

html tbody 태그는 블록 수준 요소입니까? html tbody 태그의 기본 사용법

寻∝梦
寻∝梦원래의
2018-09-01 17:07:193577검색

이 글에서는 주로 html tbody 태그가 블록 수준 요소인지 여부와 html tbody 태그의 기본 사용법을 소개합니다. 다음으로 HTML tbody 태그에 대한 이 글을 살펴보겠습니다.

우선, 블록 수준 요소 및 인라인 요소 알아보기:

  • 블록 수준 요소는 일반적으로 인라인 요소 및 div/와 같은 기타 블록 수준 요소를 수용할 수 있는 새 줄에서 시작합니다. 피 등 빠른 요소인 "form"은 매우 특별합니다.

  • 인라인 요소: 인라인 요소라고도 하며 일반적으로 의미 수준에서 기본 요소는 텍스트 또는 기타 요소만 수용할 수 있습니다. 인라인 요소.

Block 요소(block 요소)와 inline 요소(inline 요소)는 모두 HTML 사양의 개념입니다. 블록 요소와 인라인 요소의 기본적인 차이점은 블록 요소가 일반적으로 새 줄에서 시작된다는 것입니다. CSS 컨트롤을 추가하면 블록 요소가 인라인 요소가 될 수 있고, 인라인 요소도 블록 요소가 될 수 있습니다.

먼저 tbody 태그가 블록 수준 요소의 표준을 충족하므로 html tbody 태그는 블록 수준 요소라고 가정하겠습니다. 어떤 사람들은 이것을 어떻게 아느냐고 물을 수도 있습니다.

tbody 태그가 어떤 태그인지부터 시작해 보겠습니다.

태그 테이블 본문(텍스트). 이 태그는 HTML 테이블의 주요 내용을 결합하는 데 사용됩니다.

tbody 요소는 thead 및 tfoot 요소와 함께 사용해야 합니다.

thead 요소는 HTML 테이블의 헤더 내용을 그룹화하는 데 사용되는 반면, tfoot 요소는 HTML 테이블의 테이블 노트(바닥글) 내용을 그룹화하는 데 사용됩니다.

참고: thead, tfoot 및 tbody 요소를 사용하는 경우 해당 요소를 모두 사용해야 합니다. thead, tfoot, tbody 순서로 나타나므로 브라우저는 모든 데이터를 받기 전에 바닥글을 렌더링할 수 있습니다. 테이블 요소 내에서 이러한 태그를 사용해야 합니다.

팁: 기본적으로 이러한 요소는 테이블 레이아웃에 영향을 주지 않습니다. 그러나 CSS를 사용하여 이러한 요소가 테이블의 모양을 변경하도록 할 수 있습니다.

자세한 설명: Thead, tfoot 및 tbody 요소를 사용하면 테이블의 행을 그룹화할 수 있습니다. 테이블을 생성할 때 머리글 행, 데이터가 포함된 일부 행, 하단에 총계 행을 두고 싶을 수도 있습니다. 이 분할은 브라우저에 표 머리글 및 바닥글과 관계없이 표 본문 스크롤을 지원하는 기능을 제공합니다. 긴 표를 인쇄할 때 표 머리글과 바닥글은 표 데이터가 포함된 각 페이지에 인쇄될 수 있습니다.

위의 블록 수준 요소 및 인라인 요소 소개와 결합하여 tbody 태그가 블록 수준 요소인지 인라인 요소인지 확인할 수 있습니다.

이제 HTML tbody 태그의 기본 사용법에 대해 이야기해 보겠습니다.

테이블의 그룹 표시(구조화된 테이블)(IExplore 전용)

tbody 요소는 thead 및 tfoot 요소와 함께 사용해야 합니다.

행별로 그룹화

- 테이블 헤더

- 테이블 본문

.. - 테이블 각주(바닥글)

이것은 html tbody 태그를 사용하는 예입니다:

<table border> 
<thead> 
<tr><th>PHP</th><th>中文</th><th>网</th></tr> 
</thead> 
<tbody> 
<tr><td>很</td><td>实</td><td>用</td></tr> 
<tr><td>p</td><td>h</td><td>p</td></tr> 
</tbody> 
</table>

이런 코드는 브라우저에 어떻게 나타날 수 있나요?

html tbody 태그는 블록 수준 요소입니까? html tbody 태그의 기본 사용법

위 내용은 html tbody 태그 사용법에 대한 내용입니다.(자세한 내용을 알고 싶으면 원하는 프로그래밍 강좌가 있는 PHP 중국어 웹사이트를 방문하세요.) 궁금한 사항이 있으면 아래에 문의하세요

【에디터 추천】

HTML에서 col 태그의 한자를 가운데에 맞추는 방법은 무엇인가요? html col 태그 기본 사용법(예제 포함)

HTML에 이미지를 추가하는 코드는 무엇인가요? HTML에 이미지 경로를 올바르게 추가하는 방법은 무엇입니까?

위 내용은 html tbody 태그는 블록 수준 요소입니까? html tbody 태그의 기본 사용법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.