목록 태그 (List)

List는 주로 Navigation(메뉴바) 생성 시 주로 사용

​

1. 순서가 있는 List (Ordered List)

1) ol 태그

<ol>

<li></li>

</ol>

​

2) ol 태그 속성

- type : 순서를 나타내는 문자를 변경

"A" : 대문자 순서

"a" : 소문자 순서

"I" : 대문자 로마 숫자 순서

"i" : 소문자 로마 숫자 순서

- start : 시작 값을 지정

- reversed : 리스트 순서를 반대로 지정

- CSS에서 속성 변경 가능 (list-style: none;)

<h1>순서가 있는 리스트 (Ordered List)</h1>
<ol type = "i" start="5" reversed="reversed">
    <li>중국</li>	
    <li>일본</li>
    <li>이탈리아</li>
    <li>한국</li>
    <li>이란</li>
</ol>

​

 

​

2. 순서가 없는 List (Unordered List)

<ul>

<li></li>

<li></li>

</ul>

<h1>순서가 없는 리스트</h1>
<ul>
<li>KT
    <ol>
        <li>KT 10</li>
        <li>KT 20</li>
        <li>KT 30</li>
    </ol>
</li>
<li>LGT</li>
<li>SKT</li>
</ul>

 

 

​