HTML& CSS/HTML

태그 - 리스트

본클라쓰 2009. 7. 1. 11:41

 

HTML 리스트에는 순서있는 리스트와 순서없는 리스트가 있다.

 

 

순서없는 리스트


순서없는 리스트는 <ul>태그로 시작하며, 각 리스트 아이템은 <li>태그를 사용하여 작성한다.

 

<ul>
 <li>커피</li>
 <li>우유</li>
</ul>

 

 

 

순서있는 리스트


순서있는 리스트는 <ol>로 시작하며, 각 리스트 아이템은 <li>태그를 사용한다.

 

<ol>
 <li>커피</li>
 <li>우유</li>
</ol>

 


 

정의형 리스트


정의형 리스트는 각 아이템에 정의를 내릴 때 사용한다. 정의형 리스는 <dl>로 시작하며 <dt>는 정의를 내릴 항목을 나타내고 <dd>는 정의하는 내용을 나타낸다.

 

<dl>
 <dt>커피</dt>
 <dd>뜨거운 음료수</dd>
 <dt>우유</dt>
 <dd>차가운 음료수</dd>
</dl>

 

위 HTML의 출력 결과는 아래와 같다.

 

'HTML& CSS > HTML' 카테고리의 다른 글

태그 - 폼태그와 <input>태그  (0) 2009.07.01
태그 - 폼 엘레멘트  (0) 2009.07.01
태그 - 테이블 태그  (0) 2009.07.01
태그 - 이미지와 맵태그  (0) 2009.07.01
태그 - 링크(link)  (0) 2009.07.01