TIL 8. HTML의 여러가지 태그 #4(table)

윤현묵·2021년 7월 10일
0

HTML & CSS

목록 보기
5/9

table: 데이터를 담은 표를 만들 때 사용

  • 만드는 기본 원리: table태그로 시작하며 tr, th, td 태그를 사용하여 구성
    -. tr: table row로, 표의 행(가로줄)을 만드는 역할 (기본값은 보통 글씨체, 왼쪽정렬)
    -. th: table head로, 표의 제목을 만드는 역할 (기본값은 굵은 글씨체, 중앙정렬)
    -. td: table data로, 표의 셀을 만드는 역할 (기본값은 보통 글씨체, 왼쪽정렬)
    -. tr 아래에 th 또는 td가 들어가며, th와 td의 개수는 동일해야 합니다.
    -. thead, tbody, tfoot 태그로 구분하여 사용하면 구조적으로 명확해집니다.

  • 주요 속성
    -. rowspan: 셀 병합(세로). 해당하는 칸 만큼 다음 td를 작성하지 않아야합니다.
    -. colspan: 셀 병합(가로)
    -. scope: th에서 행/열 구분할 때 사용, (col: 열, row: 행)
    -. 추가로 표에 대한 CSS를 설정해주어야 칸이 만들어집니다.
  • 시간표 작성

profile
진정성 있는 개발자를 꿈꾼다

0개의 댓글