Heim > Web-Frontend > Front-End-Fragen und Antworten > Ist li ein einzelnes Tag in HTML5?

Ist li ein einzelnes Tag in HTML5?

青灯夜游
Freigeben: 2021-12-17 11:08:00
Original
3522 Leute haben es durchsucht

In HTML5 ist li kein einzelnes Tag, sondern ein Doppel-Tag, das paarweise verwendet wird und zum Definieren von Listenelementen verwendet werden kann Für Listen, ungeordnete Listen und Menülisten lautet die Syntax „

  • Wert des Listenelements
  • ...der Listenbezeichnung>“.

    Ist li ein einzelnes Tag in HTML5?

    Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

    In HTML werden Schlüsselwörter, deren Tags von spitzen Klammern umgeben sind, normalerweise paarweise angezeigt, z. B. <div> und <code>

    . Bekannt als „Doppelmarkierung“. ". Öffnende und schließende Tags werden auch als öffnende Tags und schließende Tags bezeichnet. <div> 和 <code>
    ,这种的被称为“双标记”。开始和结束标签也被称为开放标签和闭合标签。

    也有单独呈现的标签,如:<img src="1.jpg" alt="Ist li ein einzelnes Tag in HTML5?" >等,这种的被称为“单标记”。

    一般成对出现的标签,其内容在两个标签中间。

    那么li属于单标记?还是双标记?

    我们来看看它的工作方式:

    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul>
    Nach dem Login kopieren

    可以看出,li标签都是“

  • ”和“
  • ”成对出现的,因此li属于双标记。

  • 标签定义列表项目。

  • 标签可用在有序列表(
      )、无序列表(
        )和菜单列表()中。

        示例:

        <!DOCTYPE html>
        <html>
        <head>
            <meta charset="UTF-8">
            <title>HTML有序列表</title>
        </head>
        <body>
            <p>煮米饭的步骤:</p>
            <ol>
                <li>将水煮沸</li>
                <li>加入一勺米</li>
                <li>搅拌均匀</li>
                <li>继续煮10分钟</li>
            </ol>
        </body>
        </html>
        Nach dem Login kopieren

        Ist li ein einzelnes Tag in HTML5?

        有序列表需要使用

        1. 标签:

            1. 是 order list 的简称,表示有序列表,它可以为列表的每一项进行编号,默认从数字 1 开始。

            2. 是 list item 的简称,表示列表的每一项,
                中有多少个
              1. 就表示有多少条内容。列表项中可以包含文本、图片、链接等,甚至还可以是另外一个列表。

          注意,

            一般和
          1. 配合使用,不会单独出现,而且不建议在
              中直接使用除
            1. 之外的其他标签。

              <!DOCTYPE html>
              <html>
              <head>
                  <meta charset="UTF-8">
                  <title>HTML无序列表</title>
              </head>
              <body>
                  <p>早餐的种类:</p>
                  <ul>
                      <li>鸡蛋</li>
                      <li>牛奶</li>
                      <li>面包</li>
                      <li>生菜</li>
                  </ul>
              </body>
              </html>
              Nach dem Login kopieren

              Ist li ein einzelnes Tag in HTML5?

              无序列表需要使用

              • 标签:

                  • 是 unordered list 的简称,表示无序列表。

                      1. 中的
                      2. 一样,都表示列表中的每一项。默认情况下,无序列表的每一项都使用

                        Es gibt auch Tags, die separat dargestellt werden, wie zum Beispiel: <img src="1.jpg" / alt="Ist li ein einzelnes Tag in HTML5?" > usw. Diese Art von Tag wird „Single Tag“ genannt.
                    Tags, die in der Regel paarweise erscheinen, haben ihren Inhalt in der Mitte der beiden Tags.

                    Li ist also ein einzelnes Tag? Oder Doppelmarkierung?

                    Ist li ein einzelnes Tag in HTML5?Sehen wir uns an, wie es funktioniert:

                    <menu type="toolbar">
                     <li>
                      <menu label="File">
                       <button type="button" onclick="file_new()">New...</button>
                       <button type="button" onclick="file_open()">Open...</button>
                       <button type="button" onclick="file_save()">Save</button>
                      </menu>
                     </li>
                     <li>
                      <menu label="Edit">
                       <button type="button" onclick="edit_cut()">Cut</button>
                       <button type="button" onclick="edit_copy()">Copy</button>
                       <button type="button" onclick="edit_paste()">Paste</button>
                      </menu>
                     </li>
                    </menu>
                    Nach dem Login kopieren

                    Wie Sie sehen können, sind die li-Tags alle „

                  • “. in Paaren mit „
                  • “, also ist li ein Doppel-Tag.

                  • Tag definiert Listenelement. 🎜
                  • -Tag kann in geordneten Listen (
                      ), ungeordneten Listen (
                      ) und Menülisten (
                    ) verwendet werden. 🎜🎜Beispiel:🎜rrreee🎜Ist li ein einzelnes Tag in HTML5?🎜🎜Geordnete Listen erfordern die Verwendung von
                      -Tags: 🎜
                    • 🎜 ist die Abkürzung für order list, was bedeutet, dass es sich um eine geordnete Liste handelt. Standardmäßig kann jedes Element in der Liste beginnend mit der Nummer 1 nummeriert werden. 🎜🎜
                    • 🎜
                    • ist die Abkürzung für jedes Element in der Liste. Die Anzahl von
                        gibt an, wie viele Inhalte es gibt. Listenelemente können Text, Bilder, Links usw. oder sogar eine andere Liste enthalten. 🎜🎜🎜🎜Beachten Sie, dass
                          im Allgemeinen in Verbindung mit
                        1. verwendet wird und nicht alleine angezeigt wird. Es wird nicht empfohlen, andere Tags als
                            zu verwenden. 🎜rrreee🎜Ist li ein einzelnes Tag in HTML5?🎜🎜 Für ungeordnete Listen müssen die Tags
                            verwendet werden: 🎜
                            • 🎜
                                Liste. 🎜🎜
                              • 🎜
                                  ist dasselbe wie
                                • und gibt jedes Element in der Liste an. Standardmäßig wird jedes Element in einer ungeordneten Liste durch das Symbol dargestellt. 🎜🎜🎜🎜Beachten Sie, dass
                                    im Allgemeinen in Verbindung mit
                                  • verwendet wird und nicht allein angezeigt wird. Es wird nicht empfohlen, andere Tags als
                                  • direkt zu verwenden. 🎜rrreee🎜🎜🎜🎜Verwandte Empfehlungen: „🎜HTML-Video-Tutorial🎜“🎜
                  • Das obige ist der detaillierte Inhalt vonIst li ein einzelnes Tag in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

  • Verwandte Etiketten:
    Quelle:php.cn
    Vorheriger Artikel:Wie lautet der Code, um das HTML5-Bild nach rechts zu verschieben? Nächster Artikel:So vermeiden Sie Zeilenumbrüche in HTML5-Titeln
    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
    verwandte Themen
    Mehr>
    Beliebte Empfehlungen
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage