어떤 의미에서는 설명 텍스트가 아닌 모든 것이 목록으로 간주될 수 있습니다. 예를 들어 인구 조사, 태양계, 가계도, 투어 메뉴 또는 모든 친구도 목록으로 표시되거나 목록 내의 목록으로 표시될 수 있습니다. 그렇다면 html 목록 스타일은 무엇입니까? 이 장에서는 html에서 지원하는 목록 태그인 정렬되지 않은 목록, 정렬된 목록 및 사용자 정의 목록(소개)을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
1. HTML 비순차 목록
순서가 없는 항목 목록은 구분을 나타내기 위해 각 열 앞에 ●□◇◆와 같은 기호가 사용됩니다.
html 순서가 지정되지 않은 목록은
기본 구문:
<ul>
<li type="value"> 项目1</li>
<li type="value"> 项目2</li>
<li type="value"> 项目3</li>
</ul>값 값은 글머리 기호 유형(유형 유형)입니다. 순서가 지정되지 않은 목록의 유형 유형은 다음과 같습니다.
html 순서가 지정되지 않은 목록 코드 예:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>html---无序列表</title> </head> <body> <ul> <li>默认的无序列表</li> <li>默认的无序列表</li> <li>默认的无序列表</li> </ul> <ul> <li type="circle">添加circle属性</li> <li type="circle">添加circle属性</li> <li type="circle">添加circle属性</li> </ul> <ul> <li type="square">添加square属性</li> <li type="square">添加square属性</li> <li type="square">添加square属性</li> </ul> </body> </html>
렌더링:
css list-style-type 속성을 사용하여 위 그림에서 html 정렬되지 않은 목록 스타일을 정의할 수도 있습니다.
2. HTML 순서 목록
순서 목록은 항목을 알파벳순이나 숫자순으로 정렬한 목록입니다. 목록의 경우 삽입하고 삭제하면 순서대로 결과가 표시됩니다. 항목을 선택하면 숫자가 자동으로 조정됩니다.
html 주문 목록은
기본 구문:
<ol type="value1" start="value2">
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ol>value1은 정렬된 목록 글머리 기호 유형(유형 유형)을 나타내고, value2는 항목의 시작 값을 나타내며, start=2인 경우 번호 매기기는 2부터 시작됩니다. 1부터 시작하는 경우 생략하거나
순서 목록 유형 유형은 다음과 같습니다.
html순서 목록 코드 예:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html---有序列表</title>
</head>
<body>
<ol>
<li>默认的有序列表</li>
<li>默认的有序列表</li>
<li>默认的有序列表</li>
</ol>
<ol type="a" start="2">
<li>第1项</li>
<li>第2项</li>
<li>第3项</li>
<li value="20">第4项</li>
</ol>
<ol type="I" start="2">
<li>第1项</li>
<li>第2项</li>
<li>第3项</li>
</ol>
</body>
</html>렌더링:
또한 css list-style-type 속성을 사용하여 그림의 html을 정의할 수도 있습니다. 위의 정렬된 목록 스타일.
3. HTML 사용자 정의 목록
사용자 정의 목록은 단순한 항목 목록이 아니라 항목과 해당 설명의 조합입니다.
html 사용자 정의 목록은
기본 구문:
<dl> <dt>名词1</dt> <dd>名词1解释1</dd> <dd>名词1解释2</dd> <dt>名词2</dt> <dd>名词2解释1</dd> <dd>名词2解释2</dd> </dl>
html 사용자 정의 목록 코드 예:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>html---有序列表</title> </head> <body> <dl> <dt>计算机</dt> <dd>用来计算的仪器 ... ...</dd> <dt>显示器</dt> <dd>以视觉方式显示信息的装置 ... ...</dd> </dl> </body> </html>
렌더링:
4. CSS 목록 스타일 유형 속성을 간략하게 소개합니다.
list-style-type 재산 목록 항목 태그의 유형을 설정합니다.
가능한 값은 다음과 같습니다:
위 내용은 html에서 지원하는 목록 태그: 순서가 없는 목록, 순서가 있는 목록 및 정의 목록(소개)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
 "153743561871069html에서 지원하는 목록 태그: 순서가 없는 목록, 순서가 있는 목록 및 정의 목록(소개)")
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
