html에서 지원하는 목록 태그: 순서가 없는 목록, 순서가 있는 목록 및 정의 목록(소개)-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

html에서 지원하는 목록 태그: 순서가 없는 목록, 순서가 있는 목록 및 정의 목록(소개)

青灯夜游

Sep 20, 2018 pm 05:32 PM

html

어떤 의미에서는 설명 텍스트가 아닌 모든 것이 목록으로 간주될 수 있습니다. 예를 들어 인구 조사, 태양계, 가계도, 투어 메뉴 또는 모든 친구도 목록으로 표시되거나 목록 내의 목록으로 표시될 수 있습니다. 그렇다면 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 주문 목록은
1. 태그로 시작됩니다.
  기본 구문:
```
<ol type="value1" start="value2">
    <li>项目1</li>
    <li>项目2</li>
    <li>项目3</li>
</ol>
```
  value1은 정렬된 목록 글머리 기호 유형(유형 유형)을 나타내고, value2는 항목의 시작 값을 나타내며, start=2인 경우 번호 매기기는 2부터 시작됩니다. 1부터 시작하는 경우 생략하거나
2. 태그에 value="n"을 설정하여 목록 행 항목의 특정 번호를 변경할 수 있습니다(예:
3. ). type=넘버링에 사용되는 숫자, 문자 등의 종류입니다. 예를 들어 type=a이면 영문자를 사용하여 넘버링합니다. 이러한 속성을 사용하려면
  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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사

HTML의 역할 : 웹 컨텐츠 구조Apr 11, 2025 am 12:12 AM

HTML의 역할은 태그 및 속성을 통해 웹 페이지의 구조와 내용을 정의하는 것입니다. 1. HTML은 읽기 쉽고 이해하기 쉽게하는 태그를 통해 컨텐츠를 구성합니다. 2. 접근성 및 SEO와 같은 시맨틱 태그 등을 사용하십시오. 3. HTML 코드를 최적화하면 웹 페이지로드 속도 및 사용자 경험이 향상 될 수 있습니다.

HTML 및 코드 : 용어를 자세히 살펴 봅니다Apr 10, 2025 am 09:28 AM

"Code"는 "Code"BroadlyIncludeLugageslikeJavaScriptandPyThonforFunctureS (htMlisAspecificTypeofCodeFocudecturecturingWebContent)

HTML, CSS 및 JavaScript : 웹 개발자를위한 필수 도구Apr 09, 2025 am 12:12 AM

HTML, CSS 및 JavaScript는 웹 개발의 세 가지 기둥입니다. 1. HTML은 웹 페이지 구조를 정의하고 등과 같은 태그를 사용합니다. 2. CSS는 색상, 글꼴 크기 등과 같은 선택기 및 속성을 사용하여 웹 페이지 스타일을 제어합니다.

HTML, CSS 및 JavaScript의 역할 : 핵심 책임Apr 08, 2025 pm 07:05 PM

HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.

HTML은 초보자를 위해 쉽게 배우나요?Apr 07, 2025 am 12:11 AM

HTML은 간단하고 배우기 쉽고 결과를 빠르게 볼 수 있기 때문에 초보자에게 적합합니다. 1) HTML의 학습 곡선은 매끄럽고 시작하기 쉽습니다. 2) 기본 태그를 마스터하여 웹 페이지를 만들기 시작하십시오. 3) 유연성이 높고 CSS 및 JavaScript와 함께 사용할 수 있습니다. 4) 풍부한 학습 리소스와 현대 도구는 학습 과정을 지원합니다.

HTML의 시작 태그의 예는 무엇입니까?Apr 06, 2025 am 12:04 AM

anexampleStartingtaginhtmlis, whithbeginsaparagraph.startingtagsareessentialinhtmlastheyinitiate rements, definetheirtypes, andarecrucialforstructurituringwebpages 및 smanstlingthedom.