Maison > interface Web > Questions et réponses frontales > Li est-il une seule balise en HTML5 ?

Li est-il une seule balise en HTML5 ?

青灯夜游
Libérer: 2021-12-17 11:08:00
original
3518 Les gens l'ont consulté

En HTML5, li n'est pas une balise simple, mais une balise double "

  • " et "
  • " apparaissent par paires et sont utilisées pour définir les éléments de la liste. listes , listes non ordonnées et listes de menus, la syntaxe est "
  • valeur de l'élément de liste
  • ...
    de la balise de liste>".

    Li est-il une seule balise en HTML5 ?

    L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

    En HTML, les mots-clés dont les balises sont entourées de crochets angulaires apparaissent généralement par paires, comme <div> et <code>

    . ". Les balises d’ouverture et de fermeture sont également appelées balises d’ouverture et balises de fermeture. <div> 和 <code>
    ,这种的被称为“双标记”。开始和结束标签也被称为开放标签和闭合标签。

    也有单独呈现的标签,如:<img src="1.jpg" alt="Li est-il une seule balise en HTML5 ?" >等,这种的被称为“单标记”。

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

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

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

    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul>
    Copier après la connexion

    可以看出,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>
        Copier après la connexion

        Li est-il une seule balise en 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>
              Copier après la connexion

              Li est-il une seule balise en HTML5 ?

              无序列表需要使用

              • 标签:

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

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

                        Il existe également des balises présentées séparément, telles que : <img src="1.jpg" / alt="Li est-il une seule balise en HTML5 ?" >, etc. Ce type de balise est appelé "balise unique".
                    Les tags qui apparaissent généralement par paires ont leur contenu au milieu des deux tags.

                    Alors Li est un seul tag ? Ou un double marquage ?

                    Li est-il une seule balise en HTML5 ?Voyons comment cela fonctionne :

                    <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>
                    Copier après la connexion

                    Comme vous pouvez le voir, les balises li sont toutes "

                  • " par paires avec "
                  • ", donc li est une double balise.

                  • La balise définit l'élément de la liste. La balise 🎜
                  • peut être utilisée dans les listes ordonnées (
                      ), les listes non ordonnées (
                      ) et les listes de menus (
                    ). 🎜🎜Exemple :🎜rrreee🎜Li est-il une seule balise en HTML5 ?🎜🎜Les listes ordonnées nécessitent l'utilisation des balises
                      et
                    1.  : 🎜
                      • 🎜🎜
                      • est l'abréviation d'élément de liste, qui représente chaque élément de la liste. Le nombre de
                      • Les éléments de liste peuvent contenir du texte, des images, des liens, etc., ou même une autre liste. 🎜🎜🎜🎜Notez que
                          est généralement utilisé en conjonction avec
                        1. et n'apparaîtra pas seul, et il n'est pas recommandé d'utiliser d'autres balises que
                        2. 🎜rrreee🎜Li est-il une seule balise en HTML5 ?🎜🎜 Les listes non ordonnées doivent utiliser les balises
                            et
                          •  : 🎜
                            • 🎜
                                liste . 🎜🎜
                              • 🎜
                                  est identique à
                                • dans
                                    , indiquant chaque élément de la liste. Par défaut, chaque élément d'une liste non ordonnée est représenté par le symbole . 🎜🎜🎜🎜Notez que
                                    est généralement utilisé en conjonction avec
                                  • et n'apparaîtra pas seul, et il n'est pas recommandé d'utiliser d'autres balises que
                                  • 🎜rrreee🎜🎜🎜🎜Recommandations associées : "🎜Tutoriel vidéo HTML🎜"🎜
                  • Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

  • Étiquettes associées:
    source:php.cn
    Article précédent:Quel est le code pour déplacer l'image html5 vers la droite ? Article suivant:Comment éviter les sauts de ligne dans les titres HTML5
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Derniers articles par auteur
    Derniers numéros
    Rubriques connexes
    Plus>
    Recommandations populaires
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal