简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

Was bedeutet das HTML-ul-Tag? Detaillierte Erläuterung der Rolle des HTML-UL-Tags

寻∝梦
Freigeben： 2018-08-28 13:42:30
Original
56087 Leute haben es durchsucht

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>
    Nach dem Login kopieren

    1. Lassen Sie uns über die Verwendung von

      sprechen, die oft kombiniert wird mit dem Listenelement-Tag < li>Verwenden Sie sie zusammen im Format 
      <html>
<body>
PHP中文网
<ul>
<li>HTML</li>
<li>PHP</li>
<li>python</li>
</ul>
</body>
</html>
      Nach dem Login kopieren

      Der Effekt ist wie folgt:

      Was bedeutet das HTML-ul-Tag? Detaillierte Erläuterung der Rolle des HTML-UL-Tags

      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)

        Drei Attributwerte, Lassen Sie uns nun

        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>
        Nach dem Login kopieren

        Die Wirkung des obigen Codes ist wie folgt:

        Was bedeutet das HTML-ul-Tag? Detaillierte Erläuterung der Rolle des HTML-UL-Tags

        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>
                Nach dem Login kopieren
                Die Wirkung des ul-Tags im HTML oben ist wie folgt:

                Was bedeutet das HTML-ul-Tag? Detaillierte Erläuterung der Rolle des HTML-UL-Tags

                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!

Verwandte Etiketten：
html li type
Quelle：php.cn
Vorheriger Artikel：Wie schließe ich Text in ein Pre-Tag in HTML ein? Anwendungsbeispiele für HTML-Pre-Tags Nächster Artikel：Wie verwende ich ein HTML-Div-Tag? Hier finden Sie Beispiele für die Verwendung von div
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
Neueste Artikel des Autors
Aktuelle Ausgaben
React.js-Anleitung zur korrekten Anwendung des „:after'-Pseudoelements auf gestaltete Komponenten Ich habe diese wunderschöne Unterstreichungsanimation <ul><li><ahref="...
Aus 2024-04-04 22:28:08
0
1
1322
Die Listenelementsymbole (<ul> und <ol>) im Stammknoten können in CSS nicht angezeigt und entfernt werden, und das Problem overflow-x:hidden kann nicht entfernt werden. Ich arbeite gerade an einer Webseite und habe Probleme mit meinen Listenelementen. Die Pun...
Aus 2024-04-04 16:38:22
0
1
3617
Regulärer JavaScript-Ausdruck, um Inhalte mit bestimmten Wörtern beizubehalten und alles andere zu ersetzen Ich denke, das ist einfach, aber ich habe mit der folgenden Situation zu kämpfen: String (...
Aus 2024-04-01 11:06:23
0
2
358
TypeError: Eigenschaft von undefiniert kann nicht gelesen werden (read 'day') <divclass="cont"><ul><liv-for="(value,key)indayappointment.v...
Aus 2024-03-31 20:14:08
0
1
421
Behalten Sie beim Teilen von Zeichenfolgen bestimmte HTML-Tags bei Ich muss eine Zeichenfolge durch eine bestimmte Anzahl von Tags (<li>,<lu>...)...
Aus 2024-03-31 18:12:42
0
1
290
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
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！