Von HTML unterstützte Listen-Tags: ungeordnete Liste, geordnete Liste und Definitionsliste (Einführung)-HTML-Tutorial-php.cn

Von HTML unterstützte Listen-Tags: ungeordnete Liste, geordnete Liste und Definitionsliste (Einführung)

青灯夜游

Freigeben： 2018-09-20 17:32:39

Original

22074 Leute haben es durchsucht

In gewissem Sinne kann alles, was kein beschreibender Text ist, als Liste betrachtet werden. Beispielsweise können die Volkszählung, das Sonnensystem, der Stammbaum, das Tourmenü oder sogar alle Ihre Freunde als Liste oder Liste in einer Liste dargestellt werden. Was sind also die HTML-Listenstile? In diesem Kapitel werden die von HTML unterstützten Listen-Tags vorgestellt: ungeordnete Liste, geordnete Liste und benutzerdefinierte Liste (Einführung) . Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

1. Ungeordnete HTML-Liste

Eine ungeordnete Liste ist eine Liste von Elementen in keiner Reihenfolge. Verwenden Sie ●□◇ vor jeder Spalte . ◆ und andere Symbole werden verwendet, um die Unterscheidung anzuzeigen.

HTML-ungeordnete Liste beginnt mit dem

; das Typattribut der ungeordneten Liste hat drei optionale Werte: Disc Solid Garden, Circle Hollow Garden und Square Small Square. Das Standardattribut ist Disc Solid Garden.
Grundsätzliche Syntax:
```
<ul>
    <li type="value"> 项目1</li>
    <li type="value"> 项目2</li>
    <li type="value"> 项目3</li>
</ul>
```
Nach dem Login kopieren
Der Wert ist der Aufzählungstyp (Typtyp) der ungeordneten Liste:
HTML-Codebeispiel für eine ungeordnete Liste:
```
<!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>
```
Nach dem Login kopieren
Rendering:
kann auch mit dem css list-style-type-Attribut definiert werden Der ungeordnete HTML-Listenstil des Bildes oben.
2. HTML-geordnete Liste
Eine geordnete Liste ist eine Liste von Elementen, die in alphabetischer oder numerischer Reihenfolge angeordnet sind. Achten Sie auf geordnete Listen. Das Ergebnis ist eine fortlaufende Nummer. Wenn ein Listenelement eingefügt oder gelöscht wird, wird die Nummer automatisch angepasst.
HTML-geordnete Liste beginnt mit dem
1. -Tag.
  Grundlegende Syntax:
```
<ol type="value1" start="value2">
    <li>项目1</li>
    <li>项目2</li>
    <li>项目3</li>
</ol>
```
  Nach dem Login kopieren
  Wert1 stellt den Typ des Aufzählungszeichens in der geordneten Liste dar (Typtyp), Wert2 stellt den Startwert des Elements dar. Start ist die Startnummer der Nummer, z Beispiel: start=2, dann die Zahl Beginnend bei 2, wenn Sie bei 1 beginnen, können Sie es weglassen oder value="n" im
2. -Tag festlegen, um die spezifische Nummer des Listenzeilenelements zu ändern, z. B. < ;li value="7">. type=Die Art der Zahlen, Buchstaben usw., die für die Nummerierung verwendet werden. Beispiel: type=a, dann werden englische Buchstaben für die Nummerierung verwendet. Um diese Attribute zu verwenden, platzieren Sie sie im ersten Tag von

Das obige ist der detaillierte Inhalt vonVon HTML unterstützte Listen-Tags: ungeordnete Liste, geordnete Liste und Definitionsliste (Einführung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!