본문 바로가기
프로그래밍 개발/HTML

HTML 테이블(표) 태그

by Jinseok Kim 2020. 10. 15.
반응형

<table>이란?

 

table은 1차원 이상의 데이터를 표의 형태로 나타낸다.

 

 

 

테이블(표)을 나타내기 위한 다양한 종류의 태그들

 

  • tr : row (횡렬의 셀)로 정의
  • th : column (종렬의 셀)으로 제목셀을 정의
  • td : cell (표안의 항목)로 데이터셀을 정의
  • caption : 표의 제목을 정의
  • thead : 헤더행을 그룹화하여 정의
  • tfoot : 푸터행을 그룹화하여 정의
  • tbody : 본체행을 그룹화하여 정의
  • col : 열의 속성값과 스타일을 위한 그룹화
  • colgroup : 열의 구조적 그룹화. col요소를 포함할 수 있다.
  • border : 태두리를 만들어준다. 입력한 숫자 수치만큼 굵기 늘어난다.
  • rowspan : 횡렬을 입력한 숫자만큼 결합한다.
  • colspan : 종렬을 입력한 숫자만큼 결합한다.

 

 

 

응용을 통한 실습

 

 

아톰을 이용하였습니다.

 

 

구현 결과 웹 페이지.

 

 

반응형

댓글