[HTML5 강의] 5. HTML5 기본태그, 목록 만들기

5장. HTML5 기본태그(목록 태그)

이번에는 목록 태그를 만들어 보도록 하겠습니다. 

순서 있는 목록 만들기

순서 있는 목록은 <OL> ~ </OL> 태그를 이용해서 만듭니다. OL은 Ordered List의 단어를 줄여서 만든 태그입니다. 순서 있는 목록 즉, 목록 앞에 숫자를 붙여서 순서를 가지는 목록을 만들 때 사용합니다.(기본값은 숫자) 

<ol>
  <li>첫번째</li>
  <li>두번째</li>
  <li>세번째</li>
  <li>네번째</li>
</ol>

TYPE 속성

TYPE=A, a, I, i, 1 의 값을 가질 수 있다. 

A: 대문자 알파벳  a: 소문자 알파벳 

I: 대문자 로마숫자  i: 소문자 로마숫자 

1: 숫자

START=n  리스트의 시작 번호를 임의로 바꿀 수 있다.

순서 없는 목록 만들기

순서 없는 목록은 <UL>~</UL>태그를 이용해서 작성한다. Unordered List의 단어를 줄여서 만든 태그. 

<ul>
  <li>첫번째</li>
  <li>두번째</li>
  <li>세번째</li>
  <li>네번째</li>
</ul>

목록 앞에 기호를 붙여서 순서 없는 목록을 만들 때 사용합니다.(기본값은 DISC) 

TYPE=disc, circle, square 

DISC: ●

CIRCLE:○

SQUARE:■

<LI> 태그

<LI>태그에 대해서 알아보도록 하겠습니다.

<LI>~</LI> : 항목을 추가할 때 사용하며 종료 태그인 </LI>는 생략할 수 있습니다.

리스트에 독립적인 번호를 부여할 때 사용한다.

(순서 없는 목록)TYPE=disc,circle,square(소문자로 사용) 

DISC: ● 

CIRCLE:○

SQUARE:■