웹 기초 - ul, ol, li, h 노멀라이즈

RYU·2025년 4월 13일

웹 기초

목록 보기
16/46

ul, ol, li

  • ul
    • 정렬되지 않은 목록 즉, 순서가 중요하지 않은 목록을 나타낼 때 사용

    • ul요소 안에 들어갈 항목의 순서를 바꿨을때 그 목록의 의미도 바뀌게 된다면 ol태그를 사용하는것이 바람직하다.

      ul 예제

  • ol
    • 정렬된 목록 즉, 순서가 중요한 목록을 나타낼 때 사용

    • ulol의 차이 -> '순서의 중요성'

      예제

ul, ol

  • ulol의 직계 자식 요소로는 오직 li요소만 올 수 있다.
  • 이 두 요소에는 최소 하나 이상의 li요소를 자식으로 가져야 한다.
  • li
    • 목록 안의 아이템(항목)을 나타낸다.
    • 반드시 목록을 나타내는 ul 혹은 ol요소 안에 항목으로써 li요소가 위치해야 한다.

중첩된 목록 태그(ul li ul li)

  • 만약, 중첩으로 목록을 태그하고 싶다면 첫번째 li가 닫히기 전에 ul을 넣고 그 안에 li를 넣어야 한다!

  • h1~ h6 은 기본적으로 margin이 있어 제거해줘야 한다.


h태그

  • 웹 페이지의 콘텐츠 내에서 헤드라인(제목)을 표시할 때 사용
  • h1 ~ h6까지 있으며, 숫자가 커질수록 글자가 작아진다.

예제

0개의 댓글