HTML의 기본 요소 #2 - 목록 태그

목록 ( list )

---

항목들을 나열하는데 사용

종류

• 번호 있는 리스트 (ordered list) => <ol></ol>
• 번호 없는 리스트 (unordered list) => <ul></ul>
• 정의 리스트 (definition list) => <dl></dl>

리스트 각 항목은 각각 <li></li>로 표현

 

 

<ul>

---

<ul>
    <li>에스프레소</li>
    <li>아메리카노</li>
    <li>카페라떼</li>
</ul>

• 에스프레소
• 아메리카노
• 카페라떼

 

 

<ol>

---

<ol>
    <li>에스프레소</li>
    <li>아메리카노</li>
    <li>카페라떼</li>
</ol>

1. 에스프레소
2. 아메리카노
3. 카페라떼

속성

• type속성 : 인덱스 종류 조절 가능 a, A(영어)  i, I(로마숫자)
• start속성: 인덱스 중간 번호부터 시작가능
• reserved속성: 인덱스 역순으로 표시

 

 

<dl>

---

용어, 설명을 하나의 아이템으로 나열하는 리스트

<dd>부분이 들여쓰기 됨

<dl> 설명목록의 시작과 끝

<dt> 용어 부분

<dd> 용어에 대한 설명 부분

<dl>
	<dt>에스프레소</dt>
	<dd>- 커피의 기본<dd>
    
	<dt>아메리카노</dt>
	<dd>- 에스프레소에 물탄거<dd>
    
	<dt>카페라떼</dt>
	<dd>- 커피에 우유탄거<dd>
</dl>