예
하나의 주문 (<ol>) 와 하나의 정렬되지 않은 (<ul>) HTML 목록 :
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
»그것을 자신을 시도 자세한 내용은 아래 예 "자신을보십시오."
정의 및 사용
<li> 태그는 목록 항목을 정의합니다.
<li> 태그 주문한 목록에 사용된다 ( <ol> ), 정렬되지 않은 목록 ( <ul> ) 및 메뉴 목록에서 ( <menu> ).
브라우저 지원
| 요소 | |||||
|---|---|---|---|---|---|
| <li> | 예 | 예 | 예 | 예 | 예 |
HTML 4.01과 HTML5의 차이점
"type" 속성은 HTML5에서 지원되지 않습니다.
"value" 속성 하였다 deprecated HTML 4.01,하지만 HTML5에서 지원됩니다.
팁과주의 사항
팁 : CSS 목록의 유형을 정의합니다.
속성
| 속성 | 값 | 기술 |
|---|---|---|
| type | 1 A a I i disc square circle | HTML5에서 지원되지 않습니다. 글 머리 종류가 사용될 지정 |
| value | number | 목록 항목의 값을 지정합니다. 다음 목록 항목은 해당 번호에서 증가합니다 (에만 <ol> 목록) |
글로벌 속성
<li> 태그도 지원 글로벌은 HTML의 속성 .
이벤트 속성
<li> 태그도 지원 이벤트는 HTML의 속성 .
그것을 자신을 시도 - 예를
중첩 된 목록
목록 안에 목록입니다.
또 다른 중첩 된 목록
더 복잡한 중첩 된 목록입니다.
관련 페이지
HTML 튜토리얼 : HTML 목록
HTML DOM 참조 : 리 개체
CSS 자습서 : 스타일링 목록
기본 CSS 설정
대부분의 브라우저는 표시됩니다 <li> 다음과 같은 기본 값으로 요소를 :
li {
display: list-item;
}