[HTML] 홈페이지에 리스트를 만들자! 리스트 관련 태그

---

[HTML] 홈페이지에 리스트를 만들자! 리스트 관련 태그

<ol>,<li>,<ul>,<dl>,<dt>,<dd> 태그

By i!kohong(아이코홍)

---

<ol> 태그

---

 

태그 설명

• Ordered List의 약자
• 순번이 있는 목록으로 정렬할 떄 사용합니다.
• 목록의 항목을 표시하는 <li>태그와 함께 사용합니다.

 

Attribute(속성)

type	각각의 목록 앞에 붙는 표식(A,a,I,i,1)을 지정한다.	1 : 아라비아 숫자
		a : 알파벳 소문자
		A : 알파벳 대문자
		i : 로마숫자 소문자
		I : 로마숫자 대문자
start	시작 번호(숫자)를 지정한다.	-

---

<ul>태그

---

 

태그 설명

• Unordered List의 약자
• 순번이 없는 목록으로 정렬할 때 사용합니다.
• 목록의 항목을 표시하는 <li>태그와 함께 사용합니다.

Attribute(속성)

type	각각의 목록 앞에 붙는 표식(disc,circle,square)을 지정한다. 기본값은 'disc' 이다.	disc : 속이 찬 검은색 원형(●)
		circle : 속이 빈 외곽선 형태만 나타난 원형 (○)
		square : 속이 찬 검은색 사각형(■)

---

<dl>태그

---

 

태그 설명

• Dictionary List(정의 목록)의 약자
• 용어를 설명하는 목록을 생성
• <ul>태그와 비슷하게 순번이 없는 목록으로 정렬 할 때 사용
• <li>태그 대신 <dt>,<dd> 태그를 사용
• 제목과 설명을 묶는 형식으로 목록을 구설 할 수 있습니다.

---

<dt>,<dd>태그

---

 

태그 설명

• <dt> : Definition term(정의 용어)의 약자, 용어를 설명하는 목록을 만듭니다.
• <dd> : Definition description(정의 설명)의 약자, 용어를 설명하는데 사용됩니다.

---

예시

---