테이블 태그에 대한 심층적인 이해_경험교류

얼마 전 테이블에 포함된 메인 태그를 찾다가 발견해서 모두에게 공유하게 되었습니다.

테이블 태그에는 주로 table, caption, th, tr, td, thead, tfoot, tbody, col, colgroup이 포함됩니다.

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


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


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


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


테이블의 바닥글(각주)을 정의합니다.

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


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


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

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

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

태그 내에서만 유효합니다.
태그를 사용하는 방법에는 두 가지가 있습니다. 하나는 단순히 여러 개의 동일한 열을 정의하는 것이고, 다른 하나는 여러 개의 서로 다른 열을 결합하는 것입니다.

PS: 위 내용은 w3school에서 가져온 것입니다. 왜냐하면 w3school이 저작권 정보에 저작권을 표시하고 모든 권리를 보유하기 때문입니다. 그러면 옮기거나 편집하지 않고 한 문단만 가져가시면 클릭하시면 특정 태그에 대한 자세한 소개를 바로 보실 수 있습니다. 테이블 소개도 볼 수 있습니다.