Heim >Web-Frontend >HTML-Tutorial >Wie erstelle ich eine ungeordnete Liste ohne Aufzählungszeichen in HTML?
Wie erstelle ich eine ungeordnete Liste ohne Aufzählungszeichen in HTML?
- WBOYnach vorne
- 2023-09-06 19:41:051516Durchsuche
Eine ungeordnete Liste ist eine ungeordnete Liste von Elementen, die mit Punkten, Kreisen, gefüllten Kreisen und Quadraten markiert sind. Es ermöglicht Ihnen, die Liste kontextbezogen zu steuern. Ermöglicht uns, eine Reihe verwandter Elemente in einer Liste zu gruppieren.
HTML unterstützt geordnete Listen und ungeordnete Listen. Wir müssen das Tag verwenden, um eine ungeordnete Liste zu erstellen. Das Tag
definiert eine ungeordnete Liste. Wir verwenden den Tag , um die Projektliste zu starten. Listen mit Elementen können als Punkte, Quadrate, gefüllte Kreise und offene Kreise beschriftet werden.
Standardmäßig sind Listenelemente im Kontext mit Aufzählungszeichen markiert.
Platzieren Sie das -Tag innerhalb des
Wir verwenden das Typattribut des
-
Wir verwenden die CSS-Eigenschaft list-style-type, um den Stil ungeordneter Listenelemente zu definieren.
Grammatik
Hier ist die Syntax zum Erstellen einer ungeordneten Liste ohne Aufzählungszeichen in HTML.
<ul style="list-style-type: none"> <li>Item in list…</li> <li>Item in list…</li> <li>Item in list…</li> </ul>
Beispiel 1
wird übersetzt als:Beispiel 1
Im Folgenden finden Sie ein Beispiel für die Erstellung einer ungeordneten Liste ohne Aufzählungszeichen in HTML.
<!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>
<ul style="list-style-type: none">
<li>Abdul</li>
<li>Jason</li>
<li>Yadav</li>
</ul>
</body>
</html>
Das Folgende ist die Ausgabe des obigen Beispielprogramms.
Beispiel 2
Ein weiteres Beispiel für die Erstellung einer ungeordneten Liste in HTML ohne Aufzählungszeichen −
<!DOCTYPE html>
<html>
<head>
<title>HTML Unordered List</title>
</head>
<body>
<h1>Developed Countries</h1>
<p>The list of developed countries :</p>
<ul style="list-style-type:none">
<li>US</li>
<li>Australia</li>
<li>New Zealand</li>
</ul>
</body>
</html>
Die Ausgabe des obigen Codes ist -
Das obige ist der detaillierte Inhalt vonWie erstelle ich eine ungeordnete Liste ohne Aufzählungszeichen in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!