HTML

[HTML] ol(Ordered List) 과 ul(Unordered List) 태그

katia 2023. 3. 3. 16:25

ol

  • ol(Ordered List)태그는 이가 가지는 항목이 순서와 유관한 경우 사용하는 목록 태그이다.
  • 자동으로 닫는 태그 : x
  • 자식으로 li태그를 가진다.

ul

  • ul(Unordered List)태그는 이가 가지는 항목이 순서와 무관한 경우 사용하는 목록 태그이다.
  • 자동으로 닫는 태그 : x
  • 자식으로 li태그를 가진다.

li

  • li(List Item)태그는 목록의 항목 하나를 의미하는 태그이다.
  • 자동으로 닫는 태그 : x
  • 자식으로 li태그를 가진다.

예제)

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>ol, ul, li 태그</title>
</head>
<body>
  <ol>
      <li>목차</li>
      <li>서론</li>
      <li>본론</li>
      <li>결론</li>
      <li>참조</li>
  </ol>

  <ul>
      <li>짜장면</li>
      <li>짬뽕</li>
      <li>볶음밥</li>
      <li>탕수육</li>
      <li>짬뽕밥</li>
  </ul>
</body>
</html>

'HTML' 카테고리의 다른 글

[HTML] from 태그  (0) 2023.03.03
[HTML] 컨테이너 태그  (0) 2023.03.03
[HTML] u(Underline) 태그  (0) 2023.03.03
[HTML] img(Image) 태그  (0) 2023.03.03
[HTML] I(Italic) 와 em(Emphasize) 태그  (0) 2023.03.03