Heim >Web-Frontend >HTML-Tutorial >Was bedeutet das HTML-ul-Tag? Detaillierte Erläuterung der Rolle des HTML-UL-Tags
Was bedeutet das HTML-ul-Tag? Detaillierte Erläuterung der Rolle des HTML-UL-Tags
- 寻∝梦Original
- 2018-08-28 13:42:3056232Durchsuche
Dieser Artikel erklärt Ihnen hauptsächlich die drei wichtigen Verwendungszwecke des HTML-UL-Tags sowie die Erläuterung des HTML-UL-Tags, einschließlich des li-Tags und des Typattributs für die Verwendung des UL-Tags , okay, schauen wir uns gemeinsam den Artikel an
Lassen Sie uns zunächst die Bedeutung des HTML-ul-Tags erklären:
Das ul-Tag definiert eine Tabelle Unter ihnen befinden sich die ungeordnete Liste und die ungeordnete Liste in der Tabelle alle im
- -Tag, und die ungeordnete Liste wird zusammen mit dem
- -Tag verwendet. Bei der normalen Anzeige von Daten ist ul die Elementliste und li das Listenelement. Die beiden zusammen können zur Anzeige von Daten verwendet werden. (Detaillierte Informationen zu bestimmten Tags finden Sie auf der chinesischen PHP-Website.)
Erklären wir nun die Funktion des ul-Tags:
- ein nicht sequenziertes Tag. Das englische Wort ist „unordered list“, ein geschlossenes Tag mit einem Ende von
Die spezifische Syntax lautet wie folgt:
<ul>这里都是内容</ul>
1. Lassen Sie uns über die Verwendung von
- sprechen, die oft kombiniert wird mit dem Listenelement-Tag Verwenden Sie sie zusammen im Format
<html> <body> PHP中文网 <ul> <li>HTML</li> <li>PHP</li> <li>python</li> </ul> </body> </html>
Der Effekt ist wie folgt:
Nachdem ich die einfache Verwendung abgeschlossen habe, möchte ich nun eine ungeordnete Liste erstellen. Was soll ich tun, wenn ich die kleinen Punkte in der Mitte ersetze?
2. Das Typattribut des
- -Tags kann das Markierungssymbol der Liste der Emoticons definieren, im Allgemeinen
- Disc ( Punkt)
- Kreis (Kreis)
- Quadrat (Quadrat)
Lass es uns üben:
Die Scheibe wird nicht experimentiert, sie ist die gleiche wie zuvor, sie wird durch kleine Punkte dargestellt. Werfen wir einen Blick auf den quadratischen Attributwert<html> <body> PHP中文网 <ul type="square"> <li>HTML</li> <li>PHP</li> <li>python</li> </ul> </body> </html>
Die Wirkung des obigen Codes ist wie folgt:
Es ist ein bisschen klein, obwohl es nicht sehr offensichtlich ist. Man kann aber erkennen, dass es tatsächlich eine quadratische Form hat.
3. Lassen Sie uns nun über verschachtelte Listen sprechen:
Verschachtelte Listen sind alle im- -Tag verschachtelt. -Tag können Sie kein ul-Tag innerhalb von
- erstellen. Unter dem ersten
- sind 2 Listenelemente verschachtelt, und unter dem zweiten
- ist 1 Listenelement verschachtelt.
<html> <body> PHP中文网 <ul type="square"> <li>这是嵌套 <ul> <li>123</li> <li>456</li> <ul> <li>一二三</li> <li>四五六</li> </ul> </li> </ul> </li> <li>HTML</li> <li>PHP</li> <li>python</li> </ul> </body> </html>Die Wirkung des ul-Tags im HTML oben ist wie folgt:
Dies sind drei relativ einfache Verwendungen des HTML-ul-Unordered-List-Tags , und auch über CSS, worüber wir später sprechen werden (für weitere Informationen loggen Sie sich bitte unter
www.php.cn ein) Unser Artikel endet hier. Wenn Sie Fragen haben, können Sie diese unten stellen.
[Empfehlung des Herausgebers]Wie schreibe ich einen relativen Pfad für das Basis-Tag in HTML? (Einführung in die Verwendung enthalten)
Welche Rolle spielt das HTML-Meta-Tag? Einführung in die Verwendung von HTML-Meta-Tags
Das obige ist der detaillierte Inhalt vonWas bedeutet das HTML-ul-Tag? Detaillierte Erläuterung der Rolle des HTML-UL-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!