본문 바로가기

Programming/HTML

[5] HTML 목록만들기 태그

안녕하세요. M1S Secur입니다.

오늘은 목록만들기 태그에대해 설명해보겠습니다.

 

LI 태그

LI 태그는 List의미로서 <LI>로 표시하며 목록을 적을 때 사용한다. 이러한 LI 태그는 종료태그없이 단독 태그로 사용하며 조그만 동그라미나 세모같은 아이콘을 보여준다.

 

UL태그

type 속성는 Unordered List의 의미로서 순서가 없는 목록을 작성할때 사용하는 태그이다. UL 태그에는 type 속성이 포함될 수 있으며, type 속성을 사용하여 불릿 기호로 목록을 표시한다. type 속성을 지정하지 않으면 Default type 속성인 ● 으로 목록을 나타낸다. UL 태그 사용방법은 다음과 같다.

 

-<UL type=xxx>...............</UL>로 표시

 

OL태그

OL태그는 Ordered List의 의미로서 순서있는 목록을 작성할 때 사용하는 태그이다. OL 태그에는 type속성이 포함될수 있으며, type 속성을 사용하여 영문 대소문자, 로마숫자, 숫자로 목록을 표시한다. type 속성을 지정하지 않으면 Default type속성인 숫자로 목록을 나타낸다. OL 태그 사용방법은 다음과같다

 

-<OL type=xxx>...............</OL>로표시

-start 속성을 이용하여 시작위치를 지정가능.

속성            기능

type=A         A,B,C,D,E...의 번호형식

type=a         a,b,c,d,e...의 번호형식

type=I          I,II,III,IV,V...의 번호형식

type=i          i,ii,iii,iv,v...의 번호형식

type=1        1,2,3,4,5...의 번호형식

 

DL태그

DL태그는 Definition List의 의미로서 제목과 내용을 표현하고 싶은 목록을 지정할때 사용하는 태그이다. 특히 용어정의 목록을 시작하는 곳에 사용하면 편리하다. DL태그는 보통 <DT>, <DD> 태그와 함께 상ㅇ하며, 이때 <DT> 태그에는 용어의 제목(Definition Title)을 적고 <DD>태그에는 용어의 설명(Definition Description)을 적는다.

 

 

 

 

목록만들기 태그는 여기까지입니다.

이상 마치겠습니다.

 

-M1S Secur-