html에서 지원하는 목록 태그: 순서가 없는 목록, 순서가 있는 목록 및 정의 목록(소개)
- 青灯夜游원래의
- 2018-09-20 17:32:3922059검색
어떤 의미에서는 설명 텍스트가 아닌 모든 것이 목록으로 간주될 수 있습니다. 예를 들어 인구 조사, 태양계, 가계도, 투어 메뉴 또는 모든 친구도 목록으로 표시되거나 목록 내의 목록으로 표시될 수 있습니다. 그렇다면 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부터 시작하는 경우 생략하거나
- 태그에 value="n"을 설정하여 목록 행 항목의 특정 번호를 변경할 수 있습니다(예:
- ). type=넘버링에 사용되는 숫자, 문자 등의 종류입니다. 예를 들어 type=a이면 영문자를 사용하여 넘버링합니다. 이러한 속성을 사용하려면
- 또는
- 의 초기 태그에 해당 속성을 배치하세요.
순서 목록 유형 유형은 다음과 같습니다.
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 재산 목록 항목 태그의 유형을 설정합니다.
가능한 값은 다음과 같습니다:
- 의 초기 태그에 해당 속성을 배치하세요.
- 태그로 시작됩니다.
 "153743561871069html에서 지원하는 목록 태그: 순서가 없는 목록, 순서가 있는 목록 및 정의 목록(소개)")
위 내용은 html에서 지원하는 목록 태그: 순서가 없는 목록, 순서가 있는 목록 및 정의 목록(소개)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!