[HTML] ul, ol, li 태그 (리스트 태그)

순서 없는 리스트

<ul> 태그는 순서 없는 리스트를 표현할 때 사용한다.

type 속성에는 disc(default 값, 검은색 원), circle(빈 원), square(검은색 네모), none(아무것도 없음) 등이 있다.

<사용 예시>

<ul>살 것
    <li>샴푸</li>
    <li>린스</li>
    <li>수건</li>
</ul>
<ul type=disc>살 것
    <li>샴푸</li>
    <li>린스</li>
    <li>수건</li>    
</ul>
<ul type=circle>살 것
    <li>샴푸</li>
    <li>린스</li>
    <li>수건</li>
</ul>
<ul type=square>살 것
    <li>샴푸</li>
    <li>린스</li>
    <li>수건</li>
</ul>
<ul type=none>살 것
    <li>샴푸</li>
    <li>린스</li>
    <li>수건</li>
</ul>

<실행 결과>

순서 있는 리스트

<ol> 태그는 순서가 있는 리스트를 나타낼 때 사용한다.

type 속성에는 1(아라비안 숫자), a(알파벳 소문자), A(알파벳 대문자), i(로마자 소문자), I(로마자 대문자) 등이 있다.

<사용 예시>

<ol>설치 순서
    <li>홈페이지에서 다운받기</li>
    <li>파일 실행하기</li>
    <li>설치하기</li>
</ol>
<ol type="1">설치 순서
    <li>홈페이지에서 다운받기</li>
    <li>파일 실행하기</li>
    <li>설치하기</li>
</ol>
<ol type="a">설치 순서
    <li>홈페이지에서 다운받기</li>
    <li>파일 실행하기</li>
    <li>설치하기</li>
</ol>
<ol type="A">설치 순서
    <li>홈페이지에서 다운받기</li>
    <li>파일 실행하기</li>
    <li>설치하기</li>
</ol>
<ol type="i">설치 순서
    <li>홈페이지에서 다운받기</li>
    <li>파일 실행하기</li>
    <li>설치하기</li>
</ol>
<ol type="I">설치 순서
    <li>홈페이지에서 다운받기</li>
    <li>파일 실행하기</li>
    <li>설치하기</li>
</ol>

<실행 결과>