[HTML] 목록 태그(<ol>, <ul>, <li>태그/ <dl>, <dt>, <dd>태그)

1. <ol>, <li> 태그 :

● 순서가 있는 목록 태그.

● 기본형 :

<ol>
    <li> 항목1 </li>
    <li> 항목2 </li>
    ....
    ....
    <li> 항목n </li>
</ol>

● 각 항목 앞에 숫자가 붙여짐

● type 속성 : 순서 목록에 붙여지는 숫자 종류 지정

• 1 : 숫자(기본값)
• a : 영소문자
• A : 영대문자
• i : 로마 소문자
• I : 로마 대문자

● start 속성 : 목록의 시작 번호 수

 

 

2. <ul>, <li> 태그 :

● 순서가 없는 목록 태그

● 사용법은 <ol> 태그와 동일하다.

● type 속성 : 순서 목록에 붙여지는 도형 종류 지정

• disc :속이 채워진 원, ●
• circle : 속이 빈 원, ○
• quare : 채워진 사각형, ■

 

<사용예시>

<ul type="square">
    <li> 항목 1 </li>
    <li> 항목 2 </li>
    ....
    <li> 항목 n </li>
</ul>

 

3. <dl>, <dt>, <dd> 태그 :

● 설명 목록 태그/ 제목(이름) 과 값(설명) 형태로 되어 있다

● <dt> 태그 : 제목(이름) 지정

● <dd> 태그 : 값(설명) 지정

● 하나의 <dt> 에 여러개의 <dd>값을 가질 수 있다

● 기본형 :

<dl>
    <dt> 이름 또는 제목 1 </dt>
    <dd> 값 또는 설명 1 </dd>
    <dt> 이름 또는 제목 2 </dt>
    <dd> 값 또는 설명 2 </dd>
    ....
</dl>