Heim Web-Frontend HTML-Tutorial Attribute des Li-Tags in HTML

Attribute des Li-Tags in HTML

Apr 27, 2024 pm 09:54 PM
css 排列

Das Tag <li> (Listenelement) hat die folgenden Attribute: Wert: gibt einen numerischen Wert an (geordnete Liste) oder lässt ihn leer (ungeordnete Liste): gibt den Markierungstyp an (Zahl, Buchstabe, Kreis). , Quadrat); Start: Geben Sie den Wert des ersten Listenelements an (geordnete Liste); id: Geben Sie eine eindeutige ID an: Fügen Sie einen Mouseover-Tooltip hinzu.

Attribute des Li-Tags in HTML

Attribute des HTML-Li-Tags

Das <li>-Tag (Listenelement) in HTML wird zum Erstellen von Listenelementen in einer ungeordneten Liste oder einer geordneten Liste verwendet. Es stehen mehrere Eigenschaften zur Verfügung:

1. Wert

  • Beschreibung: Gibt den numerischen Wert des Listenelements an.
  • Wert: eine ganze Zahl (für eine geordnete Liste) oder leer (für eine ungeordnete Liste).

2. Typ

  • Beschreibung: Geben Sie den Typ der Listenmarkierung an.
  • Werte:

    • "1": Nummern-Tag (geordnete Liste)
    • "a": Kleinbuchstaben-Tag (geordnete Liste)
    • "A": Großbuchstaben-Tag (geordnete Liste)
    • "Disc": Kreismarkierung (ungeordnete Liste)
    • „Kreis“: Hohlkreismarkierung (ungeordnete Liste)
    • „Quadrat“: Quadratmarkierung (ungeordnete Liste)

3. Start

  • Beschreibung: Gibt den Wert von an das erste Listenelement in der Liste (geordnete Liste).
  • Wert: eine Ganzzahl.

4. umgekehrt

  • Beschreibung: Listenelemente in umgekehrter Reihenfolge anordnen.
  • Wert: Boolescher Wert (wahr/falsch).

5. id

  • Beschreibung: Geben Sie eine eindeutige ID für das Listenelement an.
  • Wert: eine Zeichenfolge.

6. Klasse

  • Beschreibung: Fügen Sie den Listenelementen eine oder mehrere CSS-Klassen hinzu.
  • Wert: ein oder mehrere durch Leerzeichen getrennte Klassennamen.

7. Titel

  • Beschreibung: Mouseover-Tool für Listenelemente hinzufügen.
  • Wert: Textzeichenfolge.

Beispiel:

1

2

3

4

5

<ul>

  <li value="1">第一项</li>

  <li type="a">第二项</li>

  <li type="square" class="special">第三项</li>

</ul>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonAttribute des Li-Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So überprüfen Sie den Datenverkehr auf einem Apple-Mobiltelefon So überprüfen Sie den Datenverkehr auf einem Apple-Mobiltelefon May 09, 2024 pm 06:00 PM

So überprüfen Sie den Datenverkehr auf einem Apple-Mobiltelefon

So deaktivieren Sie das Snapshot-Layout in Windows 11_ Tipps, wie Sie das Snapshot-Layout in Win11 nicht verwenden So deaktivieren Sie das Snapshot-Layout in Windows 11_ Tipps, wie Sie das Snapshot-Layout in Win11 nicht verwenden May 08, 2024 pm 06:46 PM

So deaktivieren Sie das Snapshot-Layout in Windows 11_ Tipps, wie Sie das Snapshot-Layout in Win11 nicht verwenden

So sortieren Sie die Listenseite alphabetisch in vscode. So sortieren Sie die Listenseite alphabetisch in vscode So sortieren Sie die Listenseite alphabetisch in vscode. So sortieren Sie die Listenseite alphabetisch in vscode May 09, 2024 am 09:40 AM

So sortieren Sie die Listenseite alphabetisch in vscode. So sortieren Sie die Listenseite alphabetisch in vscode

Kann ich beim Zusammenbau eines Computers eine drahtlose Netzwerkkarte anschließen? Kann ich beim Zusammenbau eines Computers eine drahtlose Netzwerkkarte anschließen? May 08, 2024 am 09:13 AM

Kann ich beim Zusammenbau eines Computers eine drahtlose Netzwerkkarte anschließen?

In welcher Sprache ist das Browser-Plugin geschrieben? In welcher Sprache ist das Browser-Plugin geschrieben? May 08, 2024 pm 09:36 PM

In welcher Sprache ist das Browser-Plugin geschrieben?

Was sind die zehn besten Handelsplattformen für virtuelle Währung? Was sind die zehn besten Handelsplattformen für virtuelle Währung? Feb 20, 2025 pm 02:15 PM

Was sind die zehn besten Handelsplattformen für virtuelle Währung?

So legen Sie unbekannte Attribute in vscode fest vscode-Methode zum Festlegen unbekannter Attribute So legen Sie unbekannte Attribute in vscode fest vscode-Methode zum Festlegen unbekannter Attribute May 09, 2024 pm 02:43 PM

So legen Sie unbekannte Attribute in vscode fest vscode-Methode zum Festlegen unbekannter Attribute

So verwenden Sie Merge in Java So verwenden Sie Merge in Java May 09, 2024 am 06:03 AM

So verwenden Sie Merge in Java

See all articles