Heim  >  Artikel  >  Web-Frontend  >  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:3056082Durchsuche

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:

    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>

      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>

              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!

Stellungnahme:
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