테이블태그_HTML/Xhtml_웹페이지 제작에 대한 심층적인 이해

WBOY
풀어 주다: 2016-05-16 16:46:07
원래의
1703명이 탐색했습니다.

테이블은 오랫동안 누구나 사용하던 태그입니다. 하지만 현재 웹사이트 개편으로 인해 레이아웃에 테이블을 사용하지 않는 것이 좋습니다. 테이블을 사용하는 것은 소위 비표준입니다. 실제로 테이블은 중요한 요소가 아닙니다.
얼마 전 테이블에 포함된 메인 태그를 찾다가 발견했는데, 당연히 공유하고 싶었어요.
table 태그에 포함되는 주요 태그는 table, caption, th, tr, td, thead, tfoot, tbody, col, colgroup 입니다.

table 태그는 테이블을 정의할 수 있습니다.
태그 안에는 표 제목, 표 행, 표 열, 표 셀, 기타 표를 넣을 수 있습니다.

테이블에 행을 정의합니다.

테이블의 헤더를 정의합니다.
thead, tfoot 및 tbody 요소를 사용하면 테이블의 행을 그룹화할 수 있습니다. 테이블을 생성할 때 머리글 행, 데이터가 포함된 일부 행, 하단에 총계 행을 두고 싶을 수도 있습니다. 이 분할을 통해 브라우저는 표 머리글 및 바닥글과 별도로 표 본문 스크롤을 지원할 수 있습니다. 긴 표를 인쇄할 때 표 머리글과 바닥글은 표 데이터가 포함된 각 페이지에 인쇄될 수 있습니다.

테이블 본문(텍스트)을 정의합니다.
태그를 사용하면 표를 별도의 섹션으로 나눌 수 있습니다. 태그는 테이블의 하나 또는 여러 행을 그룹화합니다.
테이블에 하나 또는 두 개 이상의 태그를 포함할 수 있지만 테이블에 태그를 포함하지 않는 것이 좋습니다.
태그 중 태그만 테이블 행을 정의할 수 있습니다. 그리고 일단 정의되면 태그는 테이블의 독립적인 부분입니다. 예를 들어 하나의 에서 다른 로 교차할 수 없습니다.
thead, tfoot 및 tbody 요소를 사용하면 테이블의 행을 그룹화할 수 있습니다. 테이블을 생성할 때 머리글 행, 데이터가 포함된 일부 행, 하단에 총계 행을 두고 싶을 수도 있습니다. 이 분할을 통해 브라우저는 표 머리글 및 바닥글과 별도로 표 본문 스크롤을 지원할 수 있습니다. 긴 표를 인쇄할 때 표 머리글과 바닥글은 표 데이터가 포함된 각 페이지에 인쇄될 수 있습니다.

테이블의 바닥글(각주)을 정의합니다.
thead, tfoot 및 tbody 요소를 사용하면 테이블의 행을 그룹화할 수 있습니다. 테이블을 생성할 때 머리글 행, 데이터가 포함된 일부 행, 하단에 총계 행을 두고 싶을 수도 있습니다. 이 분할을 통해 브라우저는 표 머리글 및 바닥글과 별도로 표 본문 스크롤을 지원할 수 있습니다. 긴 표를 인쇄할 때 표 머리글과 바닥글은 표 데이터가 포함된 각 페이지에 인쇄될 수 있습니다.

테이블에 있는 하나 이상의 열에 대한 속성 값을 정의합니다. 이 속성은 테이블이나 열 그룹에서만 사용할 수 있습니다.

테이블 열의 그룹화를 정의합니다. 이 요소를 사용하면 서식 지정을 위해 열을 그룹화할 수 있습니다. 이 요소는

caption 요소는 테이블 제목을 정의합니다. 캡션 태그는 테이블 태그 바로 뒤에 와야 합니다. 테이블당 하나의 제목만 정의할 수 있습니다. 일반적으로 제목은 표 중앙에 위치합니다.

테이블의 헤더 셀을 정의합니다. 이 요소 안의 텍스트는 일반적으로 굵게 표시됩니다.

테이블에 셀을 정의합니다.
태그 내에서만 유효합니다.
태그를 사용하는 방법에는 두 가지가 있습니다. 하나는 단순히 여러 개의 동일한 열을 정의하는 것이고, 다른 하나는 여러 개의 서로 다른 열을 결합하는 것입니다.
PS: 위 내용은 모두 w3school에서 가져온 것입니다. 저작권 정보에 저작권을 표시하고 모든 권리를 w3school이 보유하고 있기 때문입니다. 그런 다음 전송하거나 편집하지 않고 일부만 가져간 다음 클릭하여 특정 태그에 대한 자세한 소개를 직접 볼 수 있습니다. 테이블 소개도 볼 수 있습니다.
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!