So erstellen Sie HTML -Bullet -Punkte?

So erstellen Sie HTML -Bullet -Punkte?

Die HTML -Kugelpunkte werden mit geordneten oder ungeordneten Listenelementen ausgestattet. Der "

    "Wird zum Erstellen der ungeordneten Liste und der" verwendet "
      Das Tag wird zum Erstellen der bestellten Liste verwendet. Zusammen mit dem "das"
    1. Das Tag wird zum Erstellen jedes Elements in der Liste verwendet. Der Zweck der Verwendung einer Kugelliste besteht darin, mehrere Inhalte im Listenformular anzuzeigen, damit der Inhalt für den Benutzer leicht verständlich ist. Wenn auf der Website mehr als ein Listenelement vorhanden ist.

      Dieser Artikel zeigt, wie Sie in HTML Kugelpunkte erstellen:

      • Bestellte Listen -Kugelpunkte
      • Nicht ordnungsgemäße Listen -Kugelpunkte

      So erstellen Sie in HTML geordnete Listen -Bullet -Punkte in HTML?

      Die geordneten Listen werden verwendet, wenn der Entwickler die Inhaltsliste in der bestellten Form anzeigen möchte. Die Elementkugeln in der geordneten Liste stehen hauptsächlich in Form von numerisch oder alphabetisch. Befolgen Sie die folgende Demonstration, um Kenntnisse über den Stil der meist gebrauchten Kugel für bestellte Listen in HTML zu erhalten:

      Beispiel 1: Zahlen als Kugelpunkt

      Standardmäßig zeigt die Bestellliste Zahlen als Kugelpunkte an, bei denen Listenelemente immer von einem beginnen.


      Angetrieben von LinuxHint



      1. Joseph

      2. Alex

      3. Elizbeth

      4. Jackson

      5. Schmied
      6. Auston


      Nach der Ausführung des obigen Code sieht die Webseite so aus:

      Die Ausgabe zeigt an, dass die bestellten Listenelemente mit dem Standard -Kugelstil angezeigt werden.

      Beispiel 2: Großbuchstaben

      Um das anzuzeigenAlphabetische Zeichen”Als Kugel mit Listenelementen einer bestellten Liste Punkte. Der "Typ”Attribut von“

        "Wird verwendet und auf" eingestellt "BWas bedeutet alphabetische Zeichen in Upper Case:


        Angetrieben von LinuxHint



        1. Joseph

        2. Alex

        3. Elizbeth

        4. Jackson

        5. Schmied


        Nach der Ausführung des obigen Code sieht die Webseite so aus:

        Die Ausgabe zeigt, dass sich die Kugelpunkte in Großbuchstaben befinden.

        Beispiel 3: Kleinbuchstaben

        Um Kleinbuchstaben als Kugelpunkt festzulegen, die “Typ"Attributwert wird auf" gesetzt "A”:


        Angetrieben von LinuxHint



        1. Joseph

        2. Alex

        3. Elizbeth

        4. Jackson

        5. Schmied


        Nach der Anzeige des obigen Codes sieht die Webseite so aus:

        Die obige Ausgabe zeigt, dass die Kugelpunkte jetzt in Kleinbuchstaben geändert werden.

        Beispiel 4: Römisch -Zahlen in Großbuchstaben

        Die römischen Zahlen können auch als Kugelpunkt für die bestellten Listenelemente eingefügt werden. Zum Einstellen der römischen Groß- und Kleinschreibung die “, die“Typ"Attributwert wird auf Kapital festgelegt"ICH" Wie nachfolgend dargestellt:


        Angetrieben von LinuxHint



        1. Joseph

        2. Alex

        3. Elizbeth

        4. Jackson

        5. Schmied


        Nachdem die obige Code -Snippet ausgeführt wurde, sieht die Webseite so aus:

        Die obige Ausgabe zeigt an, dass die römischen Großbuchstaben jetzt als Kugelpunkte ausgewählt werden.

        Beispiel 5: Römische Kleinbuchstaben -Zahlen

        Zeigen Sie die römischen Zahlen in Kleinbuchstaben an, die “ich"Wird als Wert für die" eingestellt "Typ”Attribut wie unten gezeigt:


        Angetrieben von LinuxHint



        1. Joseph

        2. Alex

        3. Elizbeth

        4. Jackson

        5. Schmied


        Nach dem Ausführen des obigen Codes:

        Die obige Ausgabe zeigt, dass die römischen Kleinbuchstaben als Kugelpunkte für Listenelemente festgelegt werden.

        So erstellen Sie ungeordnete Listen -Aufzählungszeichen in HTML?

        Die ungeordnete Liste wird zur Anzeige der Liste der nicht in Ordnung gelten Elemente verwendet. Dies bedeutet, dass der Inhalt des Listenelements an einer beliebigen Position in der Liste platziert werden kann. Es gibt vier mögliche Kugelstile für eine ungeordnete Liste:

        Beispiel 1: Disc -Kugelpunkt

        Der "RabattStil ist der Standardstil für die ungeordnete Liste. Obwohl die "Rabatt"Stil kann auch den Listenelementen mit Hilfe des" zugewiesen werden "Typ”Attribut wie unten gezeigt:


        Angetrieben von LinuxHint



        • Joseph

        • Alex

        • Elizbeth

        • Jackson


        Nach der Ausführung des oben genannten Code -Snippets sieht die Webseite so aus:

        Die Ausgabe zeigt, dass die Kugelstile auf die “eingestellt sindRabatt" Stil.

        Beispiel 2: Circle Bullet Point

        Der "TypDas Attribut der ungeordneten Liste wird verwendet, um den Kugelstil als "festzustellen"Kreisӆber den folgenden Code -Snippet:


        Angetrieben von LinuxHint



        • Joseph

        • Alex

        • Elizbeth

        • Jackson


        Nach Ausführung des oben genannten Codesausschnitts:

        Die Ausgabe bestätigt, dass der Bullet -Stil der Liste der Listen -Elemente nun auf “gesetzt ist“Kreis”.

        Beispiel 3: Square Bullet Point

        Den Wert des “festlegen“Typ" zuschreiben "QuadratBenutzer können mit den Listenelementen der ungeordneten Liste quadratische Designkugeln erstellen:


        Angetrieben von LinuxHint



        • Joseph

        • Alex

        • Elizbeth

        • Jackson


        Nach der Zusammenstellung des oben genannten Codes sieht die Webseite so aus:

        Die Ausgabe bestätigt, dass die quadratischen Kugellisten jetzt mit jedem Listenelement zugewiesen werden.

        Abschluss

        Der Kugelstil kann mit Hilfe der “für bestellte und ungeordnete Listen gestaltet werdenTyp”Attribut. Für die bestellte Liste die “Typ" Werte von "1 "," a "," a "," ich "und" ich ""Stellen Sie den Kugelpunkt auf"Numerisch "," Großbuchstaben "," Kleinbuchstaben "," Großbuchstaben Roman "und" Kleinbuchstaben Römische Zahl" bzw. Im Falle einer ungeordneten Liste “,“Disc ”,„ Quadrat “und„ Kreis”Zeigen Sie die Scheibe, das Quadrat und den Kreis als Kugelpunkte an. Dieser Artikel hat erfolgreich gezeigt, wie man Kugelpunkte erstellt/stil.