[Html] ol, ul, li 사용방법 간단 메모

기본형 목록 만들기 태그 <ul>

<ul>

<li> </li>

<li> </li>

<li> </li>

....

</ul>   

 

•  
•  
•  

이런식의 목록이 형성된다. 

 

---

순서형 목록 만들기 태그 <ol>

<ol>

<li> </li>

<li> </li>

<li> </li>

....

</ol>   

 

1. 
2. 
3. 

이런 식의 목록이 형성된다. 이때, 목록의 타입을 바꿔줄 수 있다. 

 

 

<ol> 태그의 Type 속성

속성 값	설명
1	숫자(기본 값)
a	영문 소문자
A	영문 대문자
i	로마숫자 소문자
I	로마숫자 대문자

 

타입이 1일 경우는 작성하지 않아도 디폴트 값이다. 다른 타입으로 목록을 만들어주고 싶으면 다음과 같이 코드를 작성한다. 

 

    <ol type="a">
        <li>a</li>
       <li>b</li>
        <li>c</li>
    </ol>

 

ol type을 a 로 지정한, 위와 같은 경우,

a. a

b. b

c. c

 

이런식으로 출력된다. unordered와 ordered라는 용어의 차이로 태그의 이름이 지정되지 않았나 싶다.