목록태그

 

1. 설명형 목록 <dl> <dt> <dd>

- 설명형 목록을 사용하면 제목과 항목을 구분할 수 있다.

eg. <dl> <-설명형 목록의 시작

<dt> 1.html의 기본개요 </dt>

<dd> 정의 </dd>

<dd> 개요 </dd>

<dd> 형식 </dd>

        </dl> <-설명형 목록의 끝

   

ex.       1.html의 기본개요

    1.  정의

    2.  개요

    3.  형식

 

 

 

2. 디렉토리형 목록 <dir>

- 항목앞에 들여쓰기가 되면서 점이 나타난다.

eg. 1.html의 기본개요 <-제목

        <dir> <-디렉토리형 목록의 시작

<li> 정의 </li>

<li> 개요 </li>

<li> 형식 </li>

       </dir> <-디렉토리형 목록의 끝

 

ex.                       1.html의 기본개요

• 정의
• 개요
• 형식

 

3. 메뉴형 목록 <menu>

- 브라우저에 보여지는 것은 <dir>과 똑같다.

eg. 1.html의 기본개요 <-제목

                  <menu> <-메뉴형 목록의 시작

<li> 정의 </li>

<li> 개요 </li>

<li> 형식 </li>

                 </menu> <-메뉴형 목록의 끝

 

ex. 1.html의 기본개요

• 정의
• 개요
• 형식

 

4. 순서형 목록 <ol>

- 항목앞에 번호나 숫자를 붙여서 항목의 순서를 나타낼 수 있다.

- <ol type=1 start=1> type 속성값 = A, a, i, I, 1 / start 속성값 = 꼭 1일 필요는 없다. 

eg. 1.html의 기본개요 <-제목

<ol type=A start=3> <-순서형 목록의 시작

<li> 정의 </li>

<li> 개요 </li>

<li> 형식 </li>

                  </ol> <-순서형 목록의 끝

 

ex. 1.html의 기본개요

C. 정의

D. 개요

E. 형식

 

 

5. 비순서형 목록 <ul>

- 항목앞에 기호를 붙인다.

- <ul type=속성값> type 속성값 = disc(●), circle(○), square(■) 

eg. 1.html의 기본개요 <-제목

<ul type="disc"> <-비순서형 목록의 시작

<li> 정의 </li>

<li> 개요 </li>

<li> 형식 </li>

</ul> <-비순서형 목록의 끝

 

ex. 1.html의 기본개요

• 정의
• 개요
• 형식