[HTML] 목록 태그

2023. 2. 5. 05:13·HTML & CSS
728x90
728x90

순서가 없는 목록

  - 각 항목 앞에 글머리표(불릿)가 붙여짐

<ul>
	<li> 항목1 </li>
	<li> 항목2 </li>
	...
</ul>

#  하위 글머리표를 만들고 싶은 경우

<ul>
    <li> 상위 글머리표1 </li>
        <ul>
            <li> 하위 글머리표1 </li>
            <li> 하위 글머리표2 </li>
            ...
        </ul>
    <li> 상위 글머리표2 </li>
    ...
</ul>

 


순서가 있는 목록

  - 각 항목 앞에 순서에 따른 글머리표가 붙여짐 (default : 숫자)

<ol [type = "글머리표종류"] [start = "시작번호"]>
    <li> 항목1 </li>
    <li> 항목2 </li>
    ...
</ol>

 


제목과 설명으로 이뤄진 목록

  - 설명은 들여쓰기되어 표시됨

<dl>
    <dt> 제목1 </dt>
    <dd> 설명1 </dd>
    <dd> 설명2 </dd>
    ...
</dl>

 

 

320x100
반응형
저작자표시 (새창열림)

'HTML & CSS' 카테고리의 다른 글

[HTML] 이미지 태그  (0) 2023.02.05
[HTML] 링크 태그  (0) 2023.02.05
[HTML] 표 태그  (1) 2023.02.05
[HTML] 텍스트 태그  (1) 2023.02.05
[HTML] 개요  (0) 2023.02.01
'HTML & CSS' 카테고리의 다른 글
  • [HTML] 링크 태그
  • [HTML] 표 태그
  • [HTML] 텍스트 태그
  • [HTML] 개요
스응
스응
    반응형
    250x250
  • 스응
    이서영의 개발 블로그
    스응
  • 전체
    오늘
    어제
  • 글쓰기 관리
    • 분류 전체보기 (384)
      • Java (134)
        • Base (54)
        • Spring Boot (37)
        • JSP (16)
        • Swing (GUI) (20)
        • Design Pattern (7)
      • C# (13)
      • PHP (18)
      • SQL (27)
      • Vue.js (9)
      • Tailwind CSS (4)
      • TypeScript (7)
      • HTML & CSS (27)
      • JavaScript (26)
      • jQuery (10)
      • Android (3)
      • - - - - - - - - - - - - - - (0)
      • Hotkeys (5)
      • CS (30)
      • etc. (13)
      • Error Note (16)
      • Team Project (24)
        • Airlines Web Project (12)
        • University Web Project (6)
        • Strikers 1945 GUI Project (6)
      • My Project (18)
        • Library Web Project (8)
        • Pet Shopping Mall GUI Project (10)
  • 블로그 메뉴

    • Home
    • Write
  • 링크

    • 깃허브
  • 공지사항

  • 인기 글

  • 태그

    Android
    Swing
    Codeigniter
    SEO
    jsp
    java
    Wordpress
    vuejs
    jQuery
    git
    개발일지
    Hotkeys
    면접
    zapier
    errorNote
    SQL
    SpringBoot
    티스토리챌린지
    HTML
    js
    C#
    오블완
    cs
    typeScript
    http
    SWAGGER
    php
    tailwindcss
    CSS
  • 최근 댓글

  • hELLO· Designed By정상우.v4.10.0
스응
[HTML] 목록 태그
상단으로

티스토리툴바