티스토리 뷰

HTML

ul & ol & li (리스트)

baegofda_ 2021. 7. 5. 23:19

* ol (ordered list)

  • 리스트의 순서에 의미가 있는경우
<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <h1>Ordered List</h1>
        <ol>
            <li>HTML</li>
            <li>CSS</li>
            <li>JS</li>
        </ol>
    </body>
</html>

ol 태그로 만든 리스트

* ul (unordered list)

  • 리스트의 순서에 의미가 없는경우
<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <h1>Unordered List</h1>
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JS</li>
        </ul>
    </body>
</html>

ul 태그로 만든 리스트

* 

 ul이나 ol의 자식위치에는 li만 가능하다.

저작자표시

'HTML' 카테고리의 다른 글

div & span (부제: 박스안에 컨텐츠를 담아보자)  (0) 2021.07.05
Description List (정의 리스트) & dfn  (0) 2021.07.05
Emphasis (강조)  (0) 2021.07.05
Headings & Paragraph  (0) 2021.07.05
[HTML/CSS] <br> vs <p>  (0) 2021.07.05
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/11   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함