html

lists

zhtvkq 2013. 8. 14. 17:29

 

-<ul>

:unordered list 의 약자로 블릿으로 나열되는 리스트 같은 순서가 없는 목록을 정의한다.

 

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

 

 

-<ol>

:ordered list 의 약자로 숫자나 알파벳 같은 순서가 있는 목록을 정의한다.

 

<ol>
  <li>Chapter 1. HTML</li>
  <li>Chapter 2. CSS</li>
  <li>Chapter 3. JAVASCRIPT</li>
</ol>

 

 

-<li>

:list 의 약자로 리스트 태그(ul, ol)의 세부 항목을 정의한다.

 

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
<ol>
  <li>Chapter 1. HTML</li>
  <li>Chapter 2. CSS</li>
  <li>Chapter 3. JAVASCRIPT</li>
</ol>

 

 

-<dl>

:definition list 의 약자로 어떠한 정의가 내려진 목록을 나타낼 때 사용되며, 반드시 dt(정의 목록의 항목들을 나타냄), dd(정의 목록의 항목들을 설명함) 태그와 함께 사용한다.

 

<dl>
  <dt>HTML</dt>
    <dd>- Hyper Text Mark-up Language</dd>
  <dt>CSS</dt>
    <dd>- Cascading Style Sheet</dd>
</dl>

 

-<dt>

:definition item 의 약자로 정의목록 안의 각 항목을 나타내며 dl, dd 태그와 함께 사용한다.

 

 

-<dd>

:definition description 의 약자로 정의목록 안의 항목을 설명하는데 사용되며 dl, dt 태그와 함께 사용한다. dd 태그 안에는 문장, 이미지, 링크, 리스트 등을 넣을 수 있으며 줄 바꿈도 가능하다.

 

 

출처 : http://htmlcss.kr/html/lists/

'html' 카테고리의 다른 글

styles  (0) 2013.08.14
tables  (0) 2013.08.14
links  (0) 2013.08.14
images  (0) 2013.08.14
frames  (0) 2013.08.14