목록은 체계적이고 읽기 쉬운 방식으로 데이터를 표시하기 위한 HTML의 필수 부분입니다. HTML은 정렬되지 않은 목록, 정렬된 목록 및 정의 목록의 세 가지 주요 유형의 목록을 제공합니다.
정렬되지 않은 목록(<ul>)은 특정 글머리 기호를 사용하며 일반적으로 검은색 점을 사용하여 들여쓰기된 항목으로 표시됩니다. 이것은 특정 주문이 필요하지 않은 항목을 나열하는 데 널리 사용되는 선택입니다.
정렬된 목록(<ol>)은 특정 번호 매기기 또는 문자 표식을 사용하며 순차적으로 정렬된 목록으로 표시됩니다. 특정 순서로 항목을 나열하거나 번호를 매길 때 자주 사용됩니다.
정의 목록(<dl>)은 용어 및 설명 쌍을 사용하여 데이터를 표시합니다. 각 쌍은 <dt>(정의 용어) 및 <dd>(정의 설명) 태그 내에 포함됩니다. 이는 특정 개념에 대한 속성 또는 정의를 표시하는 효과적인 방법입니다.
정렬되지 않은 목록( <ul>)
- <ul> 요소는 정렬되지 않은 목록을 만드는 데 사용됩니다.
- 정렬되지 않은 목록의 각 항목은 <li> 요소 내에 배치됩니다.
- 정렬되지 않은 목록은 일반적으로 글머리 기호 또는 유사한 문자로 표시됩니다.
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
정렬된 목록( <ol>)
- <ol> 요소는 정렬된 목록을 만드는 데 사용됩니다.
- 정렬된 목록의 각 항목은 <li> 요소 내에 배치됩니다.
- 정렬된 목록은 일반적으로 숫자 또는 알파벳 문자로 표시됩니다.
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
정의 목록( <dl>)
- <dl> 요소는 정의 목록을 만드는 데 사용됩니다.
- 정의 목록의 각 항목은 <dt>(정의 용어) 및 <dd>(정의 설명) 태그 쌍으로 구성됩니다.
- <dt> 태그에는 정의 중인 키워드 또는 속성이 포함되며 <dd> 태그에는 해당 키워드 또는 속성에 대한 설명 또는 설명이 포함됩니다.
<dl>
<dt>Keyword 1</dt>
<dd>Description for Keyword 1</dd>
<dt>Keyword 2</dt>
<dd>Description for Keyword 2</dd>
</dl>
목록 유형 속성( <ul> 및 <ol>)
- type 속성은 정렬된 목록의 번호 매기기 스타일을 지정하는 데 사용됩니다.
- type 속성의 값은 "1"(숫자), "A"(대문자), "a"(소문자), "I"(로마 숫자 대문자) 또는 "i"(로마 숫자 소문자)일 수 있습니다. .
<ol type="A">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
시작 속성( <ol>)
- 시작 속성은 순서가 지정된 목록에서 번호 매기기의 시작 값을 지정하는 데 사용됩니다.
- 시작 속성의 값은 양의 정수입니다.
<ol start="5">
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
</ol>
반전된 속성( <ol>)
- reversed 속성은 정렬된 목록을 역순으로 표시하는 데 사용됩니다.
- 역방향 속성 적용 시 번호 매기기가 내림차순으로 표시됩니다.
<ol reversed>
<li>Item 3</li>
<li>Item 2</li>
<li>Item 1</li>
</ol>
이러한 특성과 요소를 사용하면 필요에 따라 HTML로 목록을 만들고 사용자 정의할 수 있습니다. 이를 사용하여 웹 사이트에서 명확하고 체계적인 방식으로 데이터를 표시할 수 있습니다.