html 목록 태그

HTML 목록(List) 태그는 다양한 목록 형태를 구성할 수 있게 도와주는 태그들입니다. 목록 태그는 다음과 같습니다.

1. <ul> : Unordered List(정렬되지 않은 목록)의 약자로, 번호나 순서가 없는 목록을 만들 때 사용합니다.
2. <ol> : Ordered List(정렬된 목록)의 약자로, 번호나 순서가 있는 목록을 만들 때 사용합니다.
3. <li> : List Item(목록 항목)의 약자로, <ul>이나 <ol> 태그 안에서 각 항목을 지정할 때 사용합니다.
4. <dl> : Definition List(정의 목록)의 약자로, 용어나 정의, 설명 등을 표시하는 목록을 만들 때 사용합니다.
5. <dt> : Definition Term(용어)의 약자로, <dl> 태그 안에서 각 항목의 용어를 지정할 때 사용합니다.
6. <dd> : Definition Description(용어 설명)의 약자로, <dl> 태그 안에서 각 항목의 설명을 지정할 때 사용합니다.

 

사용법

 

<ul>과 <ol> 태그는 <li> 태그를 자식 요소로 가집니다. <dl> 태그는 <dt>와 <dd> 태그를 자식 요소로 가집니다. 아래는 각 태그의 예시입니다.

 

<ul>
  <li>항목 1</li>
  <li>항목 2</li>
  <li>항목 3</li>
</ul>

<ol>
  <li>첫 번째</li>
  <li>두 번째</li>
  <li>세 번째</li>
</ol>

<dl>
  <dt>용어 1</dt>
  <dd>용어 1의 설명</dd>
  <dt>용어 2</dt>
  <dd>용어 2의 설명</dd>
</dl>