简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > CSS-Tutorial > Hauptteil

HTML-Listentyp

王林
Freigeben： 2023-08-30 18:21:04
nach vorne
1242 Leute haben es durchsucht

Es gibt drei Arten von Listen in HTML –

  • Ungeordnete Liste

      Diese Liste enthält Listenelemente mit Aufzählungszeichen und keine Listenelemente mit Aufzählungszeichen. konkrete Reihenfolge.

    • Geordnete Liste

        Diese Liste wird für geordnete Listenelemente verwendet

      1. Definitionsliste

        Diese Liste wird zur Anzeige der Definitionen von Begriffen verwendet.

      Wir können diese Listen verschachteln und nach Bedarf formatieren. Die CSS-Eigenschaft list-style hilft uns beim Stylen von Listenelementen. M Die Syntax der Grammatik

      HTML-Liste lautet wie folgt: 

      <type of list>
<li></li>
</type of list>
      Nach dem Login kopieren

      Das folgende Beispiel veranschaulicht die HTML-Liste Demo 

      <!DOCTYPE html>
<html>
<head>
<style>
ul {
   background-color: papayawhip;
   list-style-type: square;
   font-style: italic;
}
ol {
   background-color: azure;
}
</style>
</head>
<body>
<ol>
<li>demo1</li>
<li>
demo 2
<ul>
<li>demo a</li>
<li>demo b</li>
</ul>
</li>
<li>demo 3</li>
</ol>
</body>
</html>
      Nach dem Login kopieren

      Ausgabe

      Dies ergibt die folgende Ausgabe:

      Das obige ist der detaillierte Inhalt vonHTML-Listentyp. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

      Quelle：tutorialspoint.com
      Vorheriger Artikel：Mehrspaltige CSS3-Spaltenanzahleigenschaft Nächster Artikel：Selbstausrichtende CSS-Eigenschaft
      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
      Neueste Artikel des Autors
      Aktuelle Ausgaben
      function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
      Aus 2024-04-29 11:01:01
      0
      2
      1788
      So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
      Aus 2024-04-23 00:22:19
      0
      10
      1929
      Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
      Aus 2024-04-19 15:37:47
      0
      1
      1647
      Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
      Aus 2024-04-18 23:52:34
      0
      1
      1549
      Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
      Aus 2024-04-16 10:10:18
      0
      0
      1582
      verwandte Themen
      Mehr>
      Beliebte Empfehlungen
      Beliebte Tutorials
      Mehr>
      Verwandte Tutorials
      Beliebte Empfehlungen
      Aktuelle Kurse
      Neueste Downloads
      Mehr>
      Web-Effekte
      Quellcode der Website
      Website-Materialien
      Frontend-Vorlage
      Über uns Haftungsausschluss Sitemap
      Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！