HTML 테이블에 대해 알아야 할 모든 것

HTML 테이블 태그

먼저 테이블을 만드는 데 사용되는 HTML 태그 목록을 살펴 보겠습니다. 나중에이 블로그에서 예제를 통해 사용 방법을 배웁니다.

• :테이블을 정의하는 데 사용
  :테이블의 행을 정의하는 데 사용됩니다.
  : 표의 본문 내용을 그룹화하는 데 사용됩니다.
  : 표에서 바닥 글 내용을 그룹화하는 데 사용됩니다.

  이제 표를 만드는 샘플 HTML 코드를 살펴 보겠습니다.

  : 테이블에서 헤더 셀을 정의하는 데 사용됩니다.
  : 테이블에서 셀을 정의하는 데 사용됩니다. : 테이블의 캡션을 정의하는 데 사용됩니다. : 형식화를 위해 테이블에서 하나 이상의 열 그룹을 지정하는 데 사용됩니다. : 요소 내의 각 열에 대한 열 속성을 지정하는 데 사용됩니다. : 테이블의 헤더 콘텐츠를 그룹화하는 데 사용됩니다.

  이름	나이
  아비 섹	18
  단발	2. 3

  산출:

  
  
  

  자바에 추가하는 방법

  HTML 테이블의 변형

  • 셀 패딩 및 셀 간격 속성

  표 셀의 공백을 조정하는 데 사용할 수있는 셀 패딩 및 셀 간격이라는 두 가지 속성이 있습니다. cellspacing 속성은 테이블 셀 사이의 공간을 정의하는 반면, cellpadding은 셀 테두리와 셀 내의 내용 사이의 거리를 나타냅니다.

  셀 간격 및 셀 패딩
   
   
  이름
   
  나이
   
   
   
  아비 섹
   
  열 다섯
   
   
   
  단발
   
  2. 3
   
   
   

  • Colspan 및 Rowspan 속성

  Colspan 속성은 두 개 이상의 열을 병합하는 데 사용되는 반면 rowspans는 두 개 이상의 행을 병합하는 데 사용됩니다.

  Colspan 및 Rowspan
   
   
  일괄
   
  이름
   
  나이
   
   
   
  컴퓨터 과학
   
  아비 섹
   
  열 다섯
   
   
   
  단발
   
  2. 3
   
   
   
  단절
   
   
   

  • 테이블 높이 및 너비

  HTML을 사용하면 테이블 높이와 너비를 조정할 수 있습니다. 너비 속성 및 높이 속성은 각각 테이블의 너비 및 높이를 설정하는 데 사용됩니다. 화면에서 사용 가능한 영역의 백분율 또는 픽셀로 지정할 수 있습니다.

  HTML 테이블의 너비 및 높이
   
   
  아비 섹
   
  열 다섯
   
   
   
  단발
   
  2. 3
   
   
   

  • 표 머리글, 본문 및 바닥 글

  표는 머리글, 본문 및 바닥 글의 세 섹션으로 나눌 수 있습니다. 머리글 및 바닥 글은 모든 페이지에 공통적으로 유지되는 워드 문서의 머리글 및 바닥 글과 유사하지만 본문에는 기본 콘텐츠가 포함됩니다.

  태그는 별도의 표 머리글을 만드는 반면 태그는 별도의 표 바닥 글을 만듭니다.