HTML5 목록만들기

목록에 관련된 태그 

 

순서 없는 목록 만들기

 

○ <UL> ~ </UL> Unordered List의 약자로 순서 없는 목록 작성.

   - <ul> 태그내에 <li> 태그로 각각의 항목을 만듬.

 

(Ex)

  <ul>

       <li>감자

       <li>고구마

       <li>호박

   </ul>

 

- <li> 태그는 <br> 태그가 적용됨.

- <ul>, <li> 태그 내에 type 속성을 정의할 수 있음.

 1) Disc : ● 표시

 2) Circle : ○ 표시

 3) Square : ■ 표시

 

Ex) <ul type = "circle"> 범위 안에 모든 목록에 적용됨.

Ex2) <li type = "square"> 하나의 목록에 적용됨.

 

(Ex)

(결과)

(Ex2)

(결과)

순서 있는 목록 만들기

 

○ <OL> ~ </OL> Orderd List 순서 있는 목록 작성

   - <li> 줄바꿈(<br>) 적용됨. 1,2,3 번호가 자동으로 적용됨.

   - type 속성에 따라

   <ol type = A>

   type = A (A, B , C, D ...)

   type = a (a, b, c, d ....)

   type = 로마숫자 대문자, 소문자 ...

   type = 1(1, 2, 3, 4 ...)

   <ol start = 5> 5, 6, 7, 8 ...

   <ol start = 100> 100, 101, 102 , 103 ...

   <ol start = 5>

      <li>

      <li value = 10> 5, 10, 11, 12, 13 ....

이런 식으로 순서가 메겨짐.

 

(Ex)

(결과)

(Ex)

(결과)