본문 바로가기
Markup languages/HTML(HyperText Markup Language)

[html] li tag, ul tag, ol tag

by Juunny 2022. 8. 10.
반응형

li 태그는 list의 약자로  단독으로 사용한 경우가 적다. 태그 안에 태그로 많이 사용하는 편이다.

ul 태그와 ol 태그와 비교해보면 잘 알 수 있다. ul 태그는 un-ordered list의 약자로 순서가 없는 리스트며, ol 태그는 ordered list의 약자로 순서가 있는 리스트이다. 다음과 같이 작성 후 결과를 살펴보자.

<ul>
    <li>A</li>
    <li>B</li>
    <li>C</li>
    <li>D</li>
</ul>


<ol>

    <li>행사개요</li>
    <li>행사일정</li>
    <li>행사장소</li>
    <li>주최기관</li>

</ol>

  결과는,

이렇게 나온다. ul 태그 안에 있는 li 태그는  의미하는 순서가 없다는 건 같은 항목 수준이라는 걸 의미한다. 한편,  ol 태그는 순서가 있어 그 순서대로 항목 수준이 나열되는 걸 의미한다고 할 수 있다.

반응형
LIST

'Markup languages > HTML(HyperText Markup Language)' 카테고리의 다른 글

[html] hn tag  (0) 2022.08.12
[html] p tag, br tag의 차이  (0) 2022.08.11
[html] a title, a target  (0) 2022.08.09
[html] a herf="웹주소"  (0) 2022.08.09
[html] html5 charset=utf-8  (0) 2022.08.06

댓글