Latest web development tutorials

HTML 목록

HTML은 정렬되지 않은 및 정의 목록을 정렬을 지원합니다 :

HTML 목록

有序列表

  1. 第一个列表项
  2. 第二个列表项
  3. 第三个列表项

无序列表

  • 列表项
  • 列表项
  • 列表项

예

온라인 예

정렬되지 않은 목록
이 예는 정렬되지 않은 목록을 보여줍니다.

정렬 된 목록
이 예는 정렬 된 목록을 보여줍니다.

(이 페이지의 하단에 더 많은 예제를 찾을 수 있습니다.)


HTML 정렬되지 않은 목록

정렬되지 않은 목록에있는 항목의 목록입니다, 굵은 점 (일반적으로 작은 검은 원)에있는 항목의 목록이 표시됩니다.

의 <UL> 태그를 사용하여 정렬되지 않은 목록

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

브라우저는 다음을 표시합니다 :

  • 커피
  • 우유

HTML 정렬 된 목록

마찬가지로, 정렬 된 목록은 프로젝트 레이블 디지털을 사용하는 프로젝트의 목록입니다. 정렬 된 목록은 <OL> 태그로 시작합니다. 각 목록 항목은 <LI> 태그로 시작합니다.

표시 항목 번호를 사용하여 목록 항목.

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

브라우저는 다음을 표시합니다 :

  1. 커피
  2. 우유

HTML 사용자 지정 목록

사용자 지정 목록은 프로젝트하지만, 프로젝트 및 의견의 조합뿐만 아니라입니다.

사용자 지정 목록은 <DL> 태그로 시작합니다. 각 사용자 지정 목록 항목은 <DT는> 시작합니다. 각 사용자 정의 목록 항목은 <DD는> 시작합니다.

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

브라우저는 다음을 표시합니다 :

커피
- 블랙 뜨거운 음료
우유
- 화이트 차가운 음료

참고 - 유용한 팁

팁 : 등 문단, 줄 바꿈, 이미지, 링크, 기타리스트, 내부의 목록 항목을 사용할 수 있습니다


예

더 많은 예제

다양한 유형의 정렬 된 목록
이 예는 다른 유형의 정렬 된 목록을 보여줍니다.

정렬되지 않은 목록의 종류
정렬되지 않은 목록이 예제는 다른 유형을 보여줍니다.

중첩 된 목록
이 예제에서는 중첩 된 목록을 보여줍니다.

중첩 된 목록 (2)
이 예는 더 복잡한 중첩 목록을 보여준다.

사용자 지정 목록
이 예는 정의 목록을 보여줍니다.


HTML 태그 목록

标签 描述
<ol> 定义有序列表
<ul> 定义无序列表
<li> 定义列表项
<dl> 定义定义列表
<dt> 自定义列表项目
<dd> 定义自定列表项的描述