목차
1) 순서 없는 목록 만들기
<ul>, <li> 태그
① 순서가 필요하지 않은 목록(unorder list)을 만들 때 <ul> 사용
② <ul> 안에 각 항목을 표시할 때 <li> 사용
③ <li> 사용 시 각 항목 앞에 작은 원이나 사각형 같은 불릿(bullet)이 붙음
※ HTML4 <li> 태그의 type 속성을 이용하여 불릿 수정했지만 HTML5에서는 CSS의 list-style-type 속성을
이용하여 불릿 수정
2) 순서 목록
<ol>, <li> 태그
① 순서가 필요한 목록(order list)을 만들 때 <ul> 사용
② <ol> 안에 각 항목을 표시할 때 <li> 사용
③ <ol> 에서는 목록의 숫자 표기 방법이나 시작하는 숫자 지정 가능
3) <ol> 숫자와 순서 바꾸기
① type 속성 : 숫자의 종류를 선택
② start 속성 : 시작되는 숫자 선택
③ reversed 속성 : 항목 역순 표시
※ </li> 생략과 목록 중첩
① </li>를 생략해도 다음 <li>를 만나면 </li>가 있는 것처럼 인식
② 목록 항목 사이에 다른 목록을 포함시키려면 <li>~</li> 사이에
<ul>이나 <ol>로 새로운 목록을 생성
| type 속성 | |
| 속성값 | 설명 |
| 1 | 숫자(기본 값) |
| a | 영문 소문자 |
| A | 영문 대문자 |
| i | 로마 숫자 소문자 |
| I | 로마 숫자 대문자 |
4) 불릿없는 순서 목록
<dl>, <dt>, <dd> 태그
① <dl>는 제목과 설명이 한 쌍인 설명목록 생성
② <dt>는 <dl>내에서 제목 표시, <dd>는 <dl>내에서 내용 표시
③ <dl>내에서 여러 개의 <dt>, <dd> 사용 가능