Ist li ein einzelnes Tag in HTML5?-Front-End-Fragen und Antworten-php.cn

Heim

Web-Frontend

Front-End-Fragen und Antworten

Ist li ein einzelnes Tag in HTML5?

青灯夜游

Dec 17, 2021 am 11:08 AM

html5 li

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

有序列表需要使用

标签：
- 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
    无序列表需要使用
    - 标签：
      - 是 unordered list 的简称，表示无序列表。
        和
        中的
        一样，都表示列表中的每一项。默认情况下，无序列表的每一项都使用●
        Es gibt auch Tags, die separat dargestellt werden, wie zum Beispiel: <img src="/static/imghw/default1.png" data-src="1.jpg" class="lazy" / 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?
        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🎜🎜🎜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
        verwendet wird und nicht alleine angezeigt wird. Es wird nicht empfohlen, andere Tags als
        zu verwenden. 🎜rrreee🎜🎜🎜 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!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Assassin's Creed Shadows: Seashell Riddle -Lösung

3 Wochen vor By DDD

Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben

2 Wochen vor By DDD

Wo kann man die Kransteuerungsschlüsselkarten in Atomfall finden

3 Wochen vor By DDD

Ersparnis in R.E.P.O. Erklärt (und speichern Dateien)

1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Assassins Creed Shadows - So finden Sie den Schmied und entsperren Sie die Waffen- und Rüstungsanpassung

4 Wochen vor By DDD

Heiße Werkzeuge

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Wo ist der Login-Zugang für Gmail-E-Mail?

7569

CakePHP-Tutorial

1386

Wie lautet das Format des Kontonamens von Steam?

Win11 -Aktivierungsschlüssel dauerhaft

NYT -Verbindungen Hinweise und Antworten

107

Related knowledge

Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles