티스토리 뷰

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:■






댓글
댓글쓰기 폼
공지사항
Total
3,000,274
Today
168
Yesterday
1,634
«   2019/06   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30            
글 보관함