Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie eine Liste in HTML

So verwenden Sie eine Liste in HTML

下次还敢
下次还敢Original
2024-04-27 21:21:18517Durchsuche

Eine Liste ist ein Element in HTML, das zur Anzeige einer Folge von Elementen verwendet wird. Es gibt zwei Arten von ungeordneten Listen und geordneten Listen, die jeweils mit Punkten oder Zahlen/Buchstaben gekennzeichnet sind. Die Syntax ist

    und
      und der Listentyp, der Startwert usw. können über Attribute angegeben werden. Listen können verschachtelt werden, wodurch Unterlisten innerhalb von Listenelementen erstellt werden.

So verwenden Sie eine Liste in HTML

Verwendung von Listen in HTML

Was ist eine Liste?

Eine Liste ist ein Element in HTML, das zur Anzeige einer Reihe verwandter oder geordneter Elemente verwendet wird.

Typen

Es gibt zwei Arten von Listen in HTML:

  • Ungeordnete Liste (
      ): wird verwendet, um unsortierte Elemente anzuzeigen, die normalerweise mit Punkten oder Strichen markiert sind.
    • Geordnete Liste (
        ): Wird zur Anzeige bestellter Artikel verwendet, normalerweise mit Zahlen oder Buchstaben gekennzeichnet.

    Syntax

    Die Syntax der Liste lautet wie folgt:

    <code class="html"><ul>
      <li>项目 1</li>
      <li>项目 2</li>
      <li>项目 3</li>
    </ul></code>

    Attributes

    • Typ: Geben Sie den Listentyp an, der „Disc“ (Punkt) oder „Kreis“ (Kreis) sein kann ) oder „square“ (Quadrat) usw.
    • start: Geben Sie den Startwert der geordneten Liste an.

    Verschachtelte Listen

    Listen können verschachtelt werden, d.

    <code class="html"><ul>
      <li>项目 1
        <ul>
          <li>子项目 1</li>
          <li>子项目 2</li>
        </ul>
      </li>
      <li>项目 2</li>
    </ul></code>
    Verschachtelte Liste:

    <code class="html"><ul>
      <li>苹果</li>
      <li>香蕉</li>
      <li>橙子</li>
    </ul></code>

    Das obige ist der detaillierte Inhalt vonSo verwenden Sie eine Liste in HTML. 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