[HTML 기초] 목록 태그 (<ol>, <ul>, <li> )

2024. 12. 5. 15:31·기초 학습/HTML

순서가 없는 목록 요소 <ul>

  • 순서가 지정되지 않는 항목(items)의 목록(list)를 나타내는 태그이다.
  • <ul>은 순서를 변경해도 그 의미가 실질적으로 변경되지 않는다는 의미인 Unordered List(정렬되지 않은 목록)의 약자이다.
  • 항목의 순서가 중요하지 않은 항목들을 그룹화할 때 사용한다.
  • 이 요소의 하위 항목은 <li> 태그로 구성된 요소들이다.
  • 하위 항목 앞에는 글머리 기호가 자동으로 생성돼 표시된다.
  • <li>는 목록 내의 단일 아이템을 나타내는 태그이다.

순서가 있는 목록 요소 <ol>

  • 순서가 지정되어 있는 항목(items)의 목록(list) 을 나타내는 태그이다.
  • <ol>은 순서를 변경하면 그 의미가 실질적으로 변경된다는 의미인 Ordered List(순서가 지정된 목록)의 약자
  • 순서가 중요한 항목들을 그룹화할 때 사용한다.
  • 이 요소의 하위 항목은 <li> 태그로 구성된 요소들이다.
  • 하위 항목 앞에는 글머리 번호가 자동으로 생성돼 표시된다.

<li> 태그

  • <li> 태그는 목록(list)의 항목(items)을 나타내는 태그이다.
  • 이 태그의 상위 요소로는 <ol>, <ul> 또는 <menu>가 올 수 있으며, <li> 태그는 상위 요소 목록의 항목을 나타내게 된다.
  • <li>는 '목록의 항목'이라는 뜻의 list item의 약자이다.

'기초 학습 > HTML' 카테고리의 다른 글

[HTML 기초] 이미지 요소 - <img>  (2) 2024.12.05
[HTML 기초] 앵커 태그 - <a>  (0) 2024.12.05
[HTML 기초] HTML 상용구 - 필수 구조  (2) 2024.12.04
[HTML 기초] <h1> - <h6> : 제목 태그  (0) 2024.12.04
[HTML 기초] <p> 태그 : 단락 요소  (0) 2024.12.04
'기초 학습/HTML' 카테고리의 다른 글
  • [HTML 기초] 이미지 요소 - <img>
  • [HTML 기초] 앵커 태그 - <a>
  • [HTML 기초] HTML 상용구 - 필수 구조
  • [HTML 기초] <h1> - <h6> : 제목 태그
뜐🐸
뜐🐸
패왕색 패기를 갖춘 뜐입니다~
  • 뜐🐸
    뜐의 개발 로그
    뜐🐸
  • 전체
    오늘
    어제
    • 분류 전체보기
      • 기초 학습
        • HTML
        • CSS
        • JavaScript
        • Version Co..
        • 미니 프로젝트
        • DOM & 웹 AP..
      • CSS 프레임워크
        • Bootstrap
      • React
        • 개념 정리
        • 기초 정리
      • 알고리즘
        • Week 1: 입출..
        • 재귀
        • 백트래킹
      • javascript
      • FastAPI
        • 크롤링 서버 만들기
      • 전역 상태 관리
        • Redux
      • 한 입 리액트 챌린..
      • 영어
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
    • 글쓰기
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    :hover
    백준 #코딩테스트 #1074번 #재귀 #알고리즘 # 알고리즘 문제풀이
    :focus
    자바스크립트 #하노이 탑 #재귀 #백준 # 11729
    inline-block
    가상 선택자
    :active
    :nth-child(n)
    티스토리챌린지
    오블완
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
뜐🐸
[HTML 기초] 목록 태그 (<ol>, <ul>, <li> )
상단으로

티스토리툴바