목록태그/정의리스트태그 -HTML 0612

◎ 리스트 (LIST)

<ol></ol> 순서가 중요한 목록을 만들때

<ul></ul> 순서가 엉키거나 바뀌어도 크게 중요하지 않은 목록을 만들때

<li></li> 각각의 리스트 항목

 

ol,ul (부모요소) > li (자식요소)

(※ ol 과 ul 의 직계 자식태그는 only li 태그만 가능 , 자식태그 사용하고 싶을때는 li 태그 안에 사용)

 

<ul>
   <li>짜장면</li>
   <li>짬뽕</li>
   <li>
     <a href = "http://www.google.com/search/볶음밥">
     볶음밥
     </a>
   </li>
</ul>

---

◎ 정의 리스트 ( Description LIST)

용어를 정의할때 사용하는 list

key-value 로 정보를 제공할때

 

<dl> </dl> 정의리스트 사용을 선언한다는 의미의 태그

<dt> </dt> key 값,이름 (의미를 좀더 구체화 하고 싶을땐 <dfn> 사용)

<dd> </dd> value

 

(※ dl의 직계자식은 <div><dt><dd> 만 사용가능,

<dt>안에서는  항상<dd>로 끝나야함 <dt>뒤에 아무것도 없으면 안된다.)

<dl>
   <dt></dt>
   <dd></dd>
   <dd></dd>
</dl>