HTML 목록
HTML은 정렬된 목록, 불순서 목록 및 정의 목록을 지원합니다
불순서 목록
불순서 목록은 단일 항목의 목록으로, 이 목록 항목은 강조된 원형 점(типичная черная точка)으로 표시됩니다.
불순서 목록은 <ul> 태그로 시작합니다. 각 목록 항목은 <li> 태그로 시작합니다.
<ul> <li>커피</li> <li>미ル크</li> </ul>
브라우저에서 다음과 같이 표시됩니다:
- 커피
- ミル크
목록 항목 내에서 문단, 개행 문자, 이미지, 링크以及其他 목록 등을 사용할 수 있습니다.
정렬된 목록
또한, 순서 목록도 단순한 항목 목록이 아니라, 숫자로 표시된 목록 항목입니다.
순서 목록은 <ol> 태그로 시작됩니다. 각 목록 항목은 <li> 태그로 시작됩니다.
<ol> <li>커피</li> <li>미ル크</li> </ol>
브라우저에서 다음과 같이 표시됩니다:
- 커피
- ミル크
목록 항목 내에서 문단, 개행 문자, 이미지, 링크以及其他 목록 등을 사용할 수 있습니다.
정의 목록
사용자 정의 목록은 단순한 항목이 아니라, 항목과 주석의 조합입니다.
사용자 정의 목록은 <dl> 태그로 시작됩니다. 각 사용자 정의 목록 항목은 <dt>로 시작됩니다. 각 사용자 정의 목록 항목의 정의는 <dd>로 시작됩니다.
<dl> <dt>커피</dt> <dd>블랙 히트 드링크</dd> <dt>미ル크</dt> <dd>화이트 콜드 드링크</dd> </dl>
브라우저에서 다음과 같이 표시됩니다:
- 커피
- 블랙 히트 드링크
- ミル크
- 화이트 콜드 드링크
정의 목록의 목록 항목 내에서 문단, 개행 문자, 이미지, 링크以及其他 목록 등을 사용할 수 있습니다.
더 많은 예제
- 다른 유형의 불순서 목록
- 이 예제에서 불순서 목록을 보여줍니다.
- 다른 유형의 순서 목록
- 이 예제에서 다른 유형의 순서 목록을 보여줍니다.
- 내장 목록
- 이 예제에서 목록을 내장하는 방법을 보여줍니다.
- 내장 목록 2
- 이 예제에서 더 복잡한 내장 목록을 보여줍니다.
- 정의 목록
- 이 예제에서 정의 목록을 보여줍니다.
목록 태그
| 태그 | 설명 |
|---|---|
| <ol> | 정의된 순서 목록. |
| <ul> | 정의된 불순서 목록. |
| <li> | 정의 목록 항목. |
| <dl> | 정의된 정의 목록. |
| <dt> | 정의된 정의 항목. |
| <dd> | 정의된 정의 설명. |
| <dir> | 사용되지 않습니다. 대신 <ul>를 사용하세요. |
| <menu> | 사용되지 않습니다. 대신 <ul>를 사용하세요. |
