Heim > Web-Frontend > HTML-Tutorial > Wie erstelle ich eine geordnete Liste in HTML, bei der die Listenelemente mit römischen Großbuchstaben nummeriert werden?

Wie erstelle ich eine geordnete Liste in HTML, bei der die Listenelemente mit römischen Großbuchstaben nummeriert werden?

王林
Freigeben: 2023-09-03 12:09:04
nach vorne
1464 Leute haben es durchsucht

Eine geordnete Liste ist eine Reihe nummerierter Elemente. Es ermöglicht Ihnen, Seriennummern kontextbezogen zu steuern. Ermöglicht uns, eine Reihe verwandter Elemente in einer Liste zu gruppieren.

HTML unterstützt geordnete Liste, ungeordnete Liste und wir müssen das

    -Tag verwenden, um eine geordnete Liste im HTML-Tag zu erstellen, um die Liste der Elemente als Zahlen und Großbuchstaben zu markieren , lateinische Buchstaben usw. Die Standardreihenfolge besteht darin, Listenelemente im Kontext zu nummerieren.

    Das

    • -Tag sollte innerhalb des
      1. -Tags platziert werden, um die Liste der Elemente zu erstellen. Wir verwenden das Typattribut des

      2. -Tags, um eine geordnete Liste mit Zahlen zu erstellen.
      3. Wir können auch

        1. verwenden, um eine geordnete Liste zu erstellen, die mit römischen Großbuchstaben nummeriert ist.
        2. Wie erstelle ich eine geordnete Liste in HTML, bei der die Listenelemente mit römischen Großbuchstaben nummeriert werden?Syntax

        3. Im Folgenden finden Sie die Syntax zum Erstellen einer geordneten Liste mit Elementen, die in HTML mit römischen Großbuchstaben nummeriert sind.
        <ol type="A">
           <li>Item in list…</li>
           <li>Item in list…</li>
           <li>Item in list…</li>
        </ol>
        
        Nach dem Login kopieren

        Beispiel 1

        Im Folgenden finden Sie ein Beispiel für die Erstellung geordneter Listenelemente, die in HTML mit großen römischen Ziffern nummeriert sind.

        <!DOCTYPE html>
        <html>
        <head>
           <meta charset="UTF-8">
           <meta http-equiv="X-UA-Compatible" content="IE=edge">
           <meta name="viewport" content="width=device-width, initial-scale=1.0">
        </head>
        <body>
           <ol type="I">
              <li>Abdul</li>
              <li>Jason</li>
              <li>Yadav</li>
              <li>Lokesh</li>
           </ol>
        </body>
        </html>
        
        Nach dem Login kopieren

        Das Folgende ist die Ausgabe des obigen Beispielprogramms.

        Beispiel 2

        Sehen wir uns ein weiteres Beispiel an, um eine geordnete Liste mit großen römischen Zahlen als Aufzählungszeichen zu erstellen −

        <!DOCTYPE html>
        <html>
        <head>
           <title>World Cup Teams</title>
        </head>
        <body>
           <h1>List of teams for World Cup</h1>
           <ol type = "I">
              <li>India</li>
              <li>Australia</li>
              <li>South Africa</li>
              <li>New Zealand</li>
              <li>Pakistan</li>
              <li>Srilanka</li>
              <li>West Indies</li>
              <li>Bangladesh</li>
           </ol>
        </body>
        </html>
        
        Nach dem Login kopieren

        Nach der Implementierung des obigen HTML-Codes lautet die Ausgabe wie folgt -

      4. Das obige ist der detaillierte Inhalt vonWie erstelle ich eine geordnete Liste in HTML, bei der die Listenelemente mit römischen Großbuchstaben nummeriert werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

        Verwandte Etiketten:
        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