목록(List)와 표(Table) 형식 표현을 위한 태그

Back-end Developer·2022년 8월 19일
0

HTML5

목록 보기
7/10

1. 목록 (List)

주로 내비게이션 메뉴 만들 때 사용

  • 순서 없는 목록 (Unordered List, ul)

    <ul>
      <li></li>
      <li></li>
    </ul>
  • 순서 있는 목록 (Ordered List, ol)

    <ol>
      <li></li>
      <li></li>
    </ol>
  • 중첩 목록

    <ul>
      <li>
        <ol>
          <li></li>
          <li></li>
        </ol>
      </li>
    </ul>

2. 테이블

표를 만들 때 사용
과거에는 레이아웃 구성에도 사용했으나, 모던 웹에서는 div 태그 사용

tagDescription
table표를 감싸는 태그
thead테이블의 헤더 콘텐츠들을 하나의 그룹으로 묶음
tbody테이블의 내용 콘텐츠들을 하나의 그룹으로 묶음
tr표 내부의 행
th행 내부의 제목 셀
td행 내부의 일반 셀

attributeDescription
bordersdf
rowspan해당 셀이 점유하는 행의 수 지정
colspan해당 셀이 점유하는 열의 수 지정


👨‍🏫 참고

https://poiemaweb.com/html5-tag-list-table
http://www.tcpschool.com/html-tags/tbody

profile
TIL & Project Retrospective

0개의 댓글