HTML 목록

<시간/>

HTML 문서에는 순서 없음 이라는 세 가지 유형의 목록이 있습니다. 목록, 순서 목록 및 설명 목록.

순서 없는 HTML 목록

각 목록 항목이

태그로 묶인

구문

다음은 구문입니다 -

<ul>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<ul>

순서화된 HTML 목록

각 목록 항목이

태그로 묶인

구문

다음은 구문입니다 -

<ol>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<ol>

설명 HTML 목록

각 정의 용어는

태그 사이에, 각 설명은

태그 사이에 묶인

태그를 사용하여 정의합니다.

구문

다음은 구문입니다 -

<dl>
<dt>define term</dt>
<dd>describe term</dd>
<dt>define term</dt>
<dd>describe term</dd>
<dl>

HTML 목록의 예를 살펴보겠습니다.

예시

<!DOCTYPE html>
<html>
<style>
   body {
      color: #000;
      height: 100vh;
      background-color: #8BC6EC;
      background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
   }
</style>
<body>
<h1>HTML Lists Demo</h1>
<h3>Unordered List</h3>
<ul>
<li>Physics Subject</li>
<li>Chemistry Subject</li>
<li>Economics Subject</li>
</ul>
<h3>Ordered List</h3>
<ul>
<li>Physics Book Part 1</li>
<li>Physics Book Part 2</li>
<li>Physics Book Part 3</li>
</ul>
<h3>Description List</h3>
<dl>
<dt>Physics Book</dt>
<dd>- It covers modern physics and quantum physics</dd>
<dt>Chemistry Book</dt>
<dd>- It covers organic, inorganic and physical chemistry</dd>
</dl>
</body>
</html>

출력

HTML 목록