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
      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
      Beliebte Tutorials
      Mehr>
      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!