2.3 HTML 목록 만들기

목록(list)은 목차와 메뉴를 구성할때 주로 사용하지만 웹페이지의 다양한 곳에서 사용가능하다.

1. ul 태그 , li 태그

ul(unordered list) 태그는 말 그대로 순서가 없는 비 순서형 목록을 생성할때 사용된다.

이때 묵록은 li(list item) 태그로 구성된다.

<h1>판매과일 목록</h1>
<ul>
	<li>사과</li>
	<li>복숭아</li>
	<li>딸기</li>
</ul>

출력시 li(목록 내용)마다글머리 기호가 붙는다.

2. ol 태그, li 태그

ol (oredred list)태그는 순서형 목록을 생성할때 사용합니다.

ul 태그와 마찬가지로 li 태그로 목록 내용을 구성한다.

<h1>오늘 할일</h1>
    <ol>
	    <li>아침 먹기</li>
	    <li>점심 먹기</li>
	    <li>저녁 먹기</li>
    </ol>

목록 내용마다 번호가 붙는다.

3. dl 태그, dt 태그, dd 태그

dl(description list) 태그는 정의형 목록을 만들때 사용합니다.

정의형 목록 : 용어와 용어 설명을 나열 한 형태이다.

dl 태그로 목록을 생성하면 li태그 대신

dt(description term) 태그로 용어를 dd(description details) 태그로 용어 설명을 작성한다.

형식

<dl>
	<dt>HTML</dt>
	<dd>HTML은 Hyper Text Markup Language의 약자로 웹문서의 구조를 설계하기 위한 목적으로
		개발된 언어이다.</dd>
	<dt>CSS</dt>
	<dd>CSS은 Cascading Style Sheet의 약자로 웹문서를 꾸미기 위한 목적으로
		개발된 언어이다.</dd>
</dl>

목록(list)은 목차와 메뉴를 구성할때 주로 사용하지만 웹페이지의 다양한 곳에서 사용가능하다.