비디오: 웹에플리케이션 만들기 - HTML 정리 2024
HTML 테이블의 기본 마크 업 컨테이너는 테이블 요소입니다. 즉, 여는
또한 HTML에서 테이블 데이터의 기본 구성 요소는 테이블이
이 여는 태그와 닫는 태그 사이에서 매우 재미 있고 규정 된 (즉, 필수) 순서로 다음 요소를 찾을 수 있습니다.
-
0 또는 하나의 요소 테이블에 대한 캡션을 정의 할 수 있습니다 (이러한 요소가 하나라도있는 경우 테이블에 대한 캡션이 없거나없는 경우). 이것이 사용된다면, 요소는 여는
태그 바로 뒤에 와야합니다.
테이블의 열 그룹을 정의하는 0 또는 하나의 열 그룹 () 요소 (요소가 하나 인 경우 요소를 없거나 요소가없는 경우 열 그룹을 지 않습니다). 요소가있는 경우 요소 뒤에 나타나야하며, 다음 요소 중 하나보다 앞에 있어야합니다.
표의 제목 섹션을 정의하는 0 개 또는 하나의 표제 () 요소 () (요소가없는 경우 테이블 표제 섹션이없는 경우). 종종 첫 번째 표제 행은 표의 전체 너비에 걸쳐 전체를 식별하며 첫 번째 표제 행 다음에는 표의 각 열에 대한 개별 표제의 두 번째 행이옵니다.
0 개 이상의 테이블 본문 (
) 요소 는 테이블의 실제 내용을 식별합니다. 테이블은 여러 개의 요소를 가질 수 있습니다. 따라서 테이블에는 헤드가 하나만 있지만 여러 본문 만 가질 수 있다는 점에서 HTML에서는 드문 것입니다!테이블 바닥에 대한 정보를 제공하는 0 또는 하나의 테이블 바닥 글 () . 브라우저는
를 사용하여 스크롤 할 내용 (일반적으로 표 본문)과 화면에 항상 남겨 둘 내용을 결정할 수 있습니다.테이블 바닥 글은 테이블 마크 업 시퀀스에서 나타날 수있는 특별한 경우입니다. 시퀀스의 마지막 부분에 항상 나타날 수 있지만 (이 목록에서와 같이), 순서대로 존재하는 요소 바로 뒤에 나타날 수도 있습니다 (이 순서대로)., 및.
그러나
와요소 앞에 나타납니다. 이 특별한 경우에는 테이블 끝 부분에도 나타날 수 없습니다. 허용되지 않습니다! - 요소가 존재하지 않으면 (일반적으로 테이블 본문을 정의 된 테이블 머리글과 바닥 글 섹션이있는 테이블에 정의 함) 테이블 행 () 요소는 행 테이블이 실제로 제공하는 데이터각 테이블 행 내부에는 해당 행에있는 셀과 동일한 수의 테이블 데이터 (
) 요소가 있습니다. HTML 테이블 구문과 마크 업 순서가 까다 롭고 복잡하기 때문에 W3C 마크 업 검증 서비스를 통해 모든 테이블 마크 업을 실행하는 것이 평소보다 더 가치가 있습니다. 기본 테이블 마크 업 구조 및 시퀀스
기본 컨테이너 마크 업만 사용하여 HTML 테이블의 구조를 이해하면 이해하기 쉽습니다.
기본 테이블 마크 업 구조 및 시퀀스
표 6-1: HTML 마크 업 구조 및 시퀀스
요소 설명 표 전체 표 컨테이너 표 표 998> 표 테이블 바닥 글 컨테이너 요소 설명 그림은 브라우저가이 테이블을 표시하는 방법을 보여줍니다. (테두리 = "1"항목이 표 요소에 추가되어 각 표 셀의 모서리 주위에 윤곽선이 그려져 표가 조금 더 우수 해졌습니다.)