Li est-il une seule balise en HTML5 ?-Questions et réponses frontales-php.cn

Maison

interface Web

Questions et réponses frontales

Li est-il une seule balise en HTML5 ?

青灯夜游

Dec 17, 2021 am 11:08 AM

html5 li

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="/static/imghw/default1.png" data-src="1.jpg" class="lazy" 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 ?

有序列表需要使用

标签：
- 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
    无序列表需要使用
    - 标签：
      - 是 unordered list 的简称，表示无序列表。
        和
        中的
        一样，都表示列表中的每一项。默认情况下，无序列表的每一项都使用●
        Il existe également des balises présentées séparément, telles que : <img src="/static/imghw/default1.png" data-src="1.jpg" class="lazy" / 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 ?
        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🎜🎜🎜Les listes ordonnées nécessitent l'utilisation des balises
        et
        : 🎜
        
        🎜🎜
        
        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
        et n'apparaîtra pas seul, et il n'est pas recommandé d'utiliser d'autres balises que
        
        🎜rrreee🎜🎜🎜 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!

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

Outils d'IA chauds

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

Générez AI Hentai gratuitement.

Afficher plus

Article chaud

Assassin's Creed Shadows: Solution d'énigmes de coquille

3 Il y a quelques semaines By DDD

Quoi de neuf dans Windows 11 KB5054979 et comment résoudre les problèmes de mise à jour

2 Il y a quelques semaines By DDD

Où trouver la courte de la grue à atomide atomique

3 Il y a quelques semaines By DDD

Économie dans R.E.P.O. Expliqué (et enregistrer des fichiers)

1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Assassin's Creed Shadows - Comment trouver le forgeron et déverrouiller les armes et la personnalisation des armes

4 Il y a quelques semaines By DDD

Afficher plus

Outils chauds

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Afficher plus

Sujets chauds

Où se trouve l'entrée de connexion pour la messagerie Gmail ?

7569

Tutoriel CakePHP

1386

Quel est le format du nom de compte de Steam

Clé d&amp;amp;amp;amp;amp;amp;#39;activation Win11 permanent

NYT Connexions Indices et réponses

107

Afficher plus

Related knowledge

Bordure de tableau en HTML Sep 04, 2024 pm 04:49 PM

Guide de la bordure de tableau en HTML. Nous discutons ici de plusieurs façons de définir une bordure de tableau avec des exemples de bordure de tableau en HTML.

Marge gauche HTML Sep 04, 2024 pm 04:48 PM

Guide de la marge HTML gauche. Nous discutons ici d'un bref aperçu de la marge gauche HTML et de ses exemples ainsi que de son implémentation de code.

Tableau imbriqué en HTML Sep 04, 2024 pm 04:49 PM

Ceci est un guide des tableaux imbriqués en HTML. Nous discutons ici de la façon de créer un tableau dans le tableau ainsi que des exemples respectifs.

Disposition du tableau HTML Sep 04, 2024 pm 04:54 PM

Guide de mise en page des tableaux HTML. Nous discutons ici des valeurs de la mise en page des tableaux HTML ainsi que des exemples et des résultats en détail.

Espace réservé d'entrée HTML Sep 04, 2024 pm 04:54 PM

Guide de l'espace réservé de saisie HTML. Nous discutons ici des exemples d'espace réservé d'entrée HTML ainsi que des codes et des sorties.

Liste ordonnée HTML Sep 04, 2024 pm 04:43 PM

Guide de la liste ordonnée HTML. Ici, nous discutons également de l'introduction de la liste et des types HTML ordonnés ainsi que de leur exemple respectivement.

Déplacer du texte en HTML Sep 04, 2024 pm 04:45 PM

Guide pour déplacer du texte en HTML. Nous discutons ici d'une introduction, du fonctionnement des balises de sélection avec la syntaxe et des exemples à implémenter.

Bouton HTML onclick Sep 04, 2024 pm 04:49 PM

Guide du bouton HTML onclick. Nous discutons ici de leur introduction, de leur fonctionnement, des exemples et de l'événement onclick dans divers événements respectivement.

See all articles