[HTML] list 목록

ol, ul, dl 목록 태그는 block형 속성!

---

ol > li

1. 순서가 있는 목록 ol과 li는 한 세트

   2. 1,2,3 대신 알파벳등으로 변경 가능

 

<h3>ol태그 사용</h3>
	<ol type="A">
		<li>li리스트1</li>
		<li>li리스트2</li>
		<li>li리스트3</li>
	</ol>

---

ul > li

• ul과 li는 한세트,  •  목록
• 동그라미 없애기도 가능

li{ list-style: none;}

• 동그라미 대신 이미지로 목록 만들기도 가능

li{ list-style: none;  /* 점 제거하기 */
	background: url("image/arrow.gif") no-repeat 0 52%;}

 

---

dl > dt + dd

정의형 목록

<dl>
   <dt>정의 제목</dt>
   <dd>정의 설명</dd>
</dl>

dd가 들여쓰기 된다.

<dl>
	<dt>bear</dt>
	<dd>곰</dd>
	<dd>참다/견디다</dd>
</dl>