21 HTML_2 [ list ]

 

 

list

<ul> 순서가 상관없는 리스트 

   <ul>
        <li>순서가 없는 리스트</li>
        <li>순서가 없는 리스트</li>
        <li>순서가 없는 리스트</li>
    </ul>

기본적으로는 꽉 찬 원으로 표시가 된다.

type 지정 x

    <ul>
        <li type="circle">순서가 없는 리스트 빈원</li>
        <li type="disc">순서가 없는 리스트 찬원</li>
        <li type="square">순서가 없는 리스트 네모</li>
    </ul>

type 지정 o

 

type = " "	circle	○
	disc	●
	square	■

 

---

 

<ol> 순서가 상관있는 리스트 

   <ol>
        <li>순서가 있는 리스트</li>
        <li>순서가 있는 리스트</li>
        <li>순서가 있는 리스트</li>
    </ol>

type 지정 x

   <ol>
        <li type="A">순서가 있는 리스트 알파벳</li>
        <li type="a">순서가 있는 리스트 알파벳</li>
        <li type="I">순서가 있는 리스트 로마숫자</li>
        <li type="i">순서가 있는 리스트 로마숫자</li>
        <li>순서가 있는 리스트 아라비아 숫자</li>
    </ol>

type 지정 o

 

type = " "	A	A, B, C
	a	a, b, c
	I	I, II, III
	i	i, ii, iii
x		1, 2, 3

 

 

 

 

 

---

   <ul type="circle">
        <li>안녕하세요 1</li>
        <li>안녕하세요 2</li>
        <li>안녕하세요 3</li>
    </ul>

ul 혹은 ol 태그에 type 지정해서 사용하면 됨!