HTML-table

예림·2023년 9월 25일
0
  • table 태그
    : 표를 만드는 태그

    • tr 태그 : row(행)을 만드는 태그
    • th 태그 : 테이블 헤더를 정의
      가운데 정렬, 진하게 속성이 자동으로 부여
    • td 태그 : col(열)을 만드는 태그
  • 테이블을 만드는 순서 : 먼저 테이블을 선언-> 행(tr)을 지정 -> 그 행을 셀(td)로 나누어서 만들기

  • caption 태그
    :표에 제목을 넣어줄 때 사용

  • 셀 병합
    : 테이블의 셀과 셀을 합칠 수 있음

    • rowspan : 셀을 세로로 합칠 때 사용, 속성값으로 병합하고 싶은 행의 수
    • colspan : 셀을 가로로 합칠 때 사용, 속성값으로 병합하고 싶은 열의 수
  • 시멘틱 테이블
    : 표의 구조를 제목, 본문 요약 부분으로 나눈다
    시각 장애인도 화면 판독기를 사용해서 표의 구조를 쉽게 이해할 수 있다

    • thread : 표의 머리말
    • tbody : 표의 본문
    • tfoot : 표의 꼬리말
      ** 구역을 나눠서 색을 입혀줄 때도 편함 !
  • colgroup 태그
    : 표에 하나 이상의 열을 그룹으로 지정할 때 사용
    colgruop 태그는 caption 태그 다음에 위치

  • col 태그
    : table 태그 안에 열의 속성을 지정하는 colgroup 태그의 요소

profile
커피 잘 마시는 사람

0개의 댓글

관련 채용 정보