Web (4) 목록을 만드는 태그

1. 목록을 만드는 태그

(1) <ul>태그, <li>태그 : 순서 없는 목록 만들기

순서가 필요하지 않은 목록(unordered list)을 만들 때는 <ul> 태그를 사용하고 <ul> 태그 안에 <li> 태그를 사용해 각 항목을 표시한다.

 

(2) <ol>태그, <li>태그 : 순서 목록 만들기

항목을 나열하되 순서가 필요한 목록을 만들 때는 <ul>대신 <ol> 태그를 사용하고 <li> 태그를 사용해 각 항목을 표시한다.

- <ol> 태그 속성들

- type 속성 : 1:숫자(기본값), a:영문 소문자, A:영문 대문자, I:로마숫자 소문자, I:로마숫자 대문자

- start 속성 : 순서 목록이 기본적으로 1부터 시작인데 중간 번호부터 시작할 수도 있다.

- reserved 속성 : 항목을 역순으로 표시한다.

- <ol type=“a” start=“3”> : 소문자 알파벳의 3번째부터 시작하는 순서 목록

★<li>태그를 사용하는데 여러 항목이 나열될 때 </li>태그를 생략해도 <li> 태그가 다음에 오는 <li> 태그를 만나면 자동으로 그 전에 <li>태그가 있는 것처럼 인식한다.

 

(3) <dl>, <dt>, <dd> 태그 : 설명 목록 만들기

<dl> 태그는 목록을 만들고

<dt> 태그는 제목을 만들고

<dd> 태그는 설명을 표시한다.

하나의 <dt> 태그에 여러 개의 <dt> 태그와 <dd> 태그를 가질 수 있다.