HTML <li> 태그

정의 및 특징

・<li> 태그는

　HTML 리스트(list)에 포함되는

　아이템(item)을 정의할 때 사용한다

 

・<li> 요소는

　순서가 있는 리스트(ordered list)를 정의하는 <ol> 요소나

　순서가 없는 리스트(unordered list)를 정의하는 <ul> 요소

　메뉴 리스트(menu list)를 정의하는 <menu> 요소에서

　리스트의 각 아이템을 정의한다

 

・리스트 아이템을 나타내는 기본 마커(marker)는

　순서가 없는 리스트나

　메뉴 리스트에서는 검정색의 작은 원(bullet) 모양으로 표현되며

　순서가 있는 리스트에서는 아라비아 숫자나 알파벳으로 표현된다

　이렇게 리스트 아이템을 표현하는 마커(marker)는

　CSS를 사용하면 다른 모양으로 손쉽게 변경할 수 있다

 

 

지원하는 브라우저

지원함	지원함	지원함	1.0	지원함	지원함

 

속성

속성명	속성값	설명
type	1 A a I i disc square circle	리스트 아이템에 사용될 마커(marker)의 모양을 명시한다 HTML5에서는 더 이상 지원하지 않는다
value	숫자	리스트 아이템의 마커(marker)로 사용될 시작 숫자를 명시한다 단, <li> 요소의 부모 요소가 <ol> 요소인 경우에만 사용할 수 있다

 

예제

<ul>
    <li>아메리카노</li>
    <li>카페라떼</li>
    <li>밀크티</li>
</ul>

<ol>
    <li>아메리카노</li>
    <li>카페라떼</li>
    <li>밀크티</li>
</ol>

아메리카노 카페라떼 밀크티 아메리카노 카페라떼 밀크티

 

 

■HTML 태그 레퍼런스

HTML 태그 레퍼런스 - MAIN 돌아가기