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

寻∝梦
Freigeben: 2018-08-28 13:42:30
Original
56103 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:
Quelle:php.cn
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