Gängige HTML-Tags und ihre Funktionen-HTML-Tutorial-php.cn

Gängige HTML-Tags und ihre Funktionen

下次还敢

Freigeben： 2024-04-22 11:51:16

Original

838 Leute haben es durchsucht

<p>Zu den gängigen HTML-Tags gehören Struktur-Tags (zum Definieren von Webseiteninhalten), Text-Tags (zum Formatieren von Text), Link-Tags (zum Erstellen von Hyperlinks), Bild-Tags, Formular-Tags, Medien-Tags, Tabellen-Tags und andere Tags ( (z. B. Universalcontainer und vorformatierte Textblöcke). Zusammen werden diese Tags verwendet, um eine Website zu erstellen, das Seitenlayout zu definieren, das Erscheinungsbild von Text zu steuern und interaktive Elemente hinzuzufügen.

<p>

<p>Gemeinsame HTML-Tags und ihre Funktionen

<p>HTML-Tags (Hypertext Markup Language) sind ein grundlegender Bestandteil der Website-Erstellung und werden zur Definition von Webseiteninhalten und zur Steuerung ihres Erscheinungsbilds und Verhaltens verwendet. Im Folgenden sind gängige HTML-Tags und ihre Funktionen aufgeführt:

<p>1. Strukturelle Tags

<head>: werden als Header-Informationscontainer der Webseite verwendet, einschließlich Titel, Beschreibung und Metadaten . <head>：用作网页的头部信息容器，包含标题、描述和元数据。
<body>：定义网页的主体内容。
<header>：包含网页的标题和导航栏等头部元素。
<footer>：包含网页的页脚，通常用于版权信息或联系方式。

<p>2. 文本标签

<p>：创建段落。
<h1> 到 <h6>：定义不同的标题级别。
<b> 和 <i>：分别创建加粗和斜体文本。
<u>：创建下划线文本。
<mark>：标记文本以引起注意。

<p>3. 链接标签

<a>：创建超链接，允许用户单击以导航到其他页面或资源。
<span>：用作链接容器，允许将样式应用于链接文本。

<p>4. 图像标签

<img>：嵌入图像到网页中。

<p>5. 表单标签

<form>：定义表单，允许用户输入数据。
<input>：创建输入字段，用于文本、数字、复选框或单选按钮。
<button>：创建按钮，单击时触发动作。

<p>6. 媒体标签

<video>：嵌入视频到网页中。
<audio>：嵌入音频文件到网页中。

<p>7. 表格标签

<table>：创建表格。
<tr>：创建表行。
<td>：创建表数据单元格。

<p>8. 其他标签

<pre class="brush:php;toolbar:false">：创建预格式化文本块。
<hr>：创建水平线。
<div> 和 <span>

<body>

🎜<header>: Enthält Kopfzeilenelemente wie den Titel und die Navigationsleiste der Webseite. 🎜🎜<footer>: Enthält die Fußzeile einer Webseite, die normalerweise für Copyright-Informationen oder Kontaktinformationen verwendet wird. 🎜🎜🎜🎜2. Text-Tag 🎜🎜🎜🎜<p>: Erstellen Sie einen Absatz. 🎜🎜<h1> bis <h6>: Definieren Sie verschiedene Überschriftenebenen. 🎜🎜<b> und <i>: Erstellen Sie fetten bzw. kursiven Text. 🎜🎜<u>: Unterstrichenen Text erstellen. 🎜🎜<mark>: Text markieren, um Aufmerksamkeit zu erregen. 🎜🎜🎜🎜3. Link-Tag 🎜🎜🎜🎜<a>: Erstellen Sie einen Hyperlink, über den Benutzer klicken können, um zu anderen Seiten oder Ressourcen zu navigieren. 🎜🎜<span>: Wird als Link-Container verwendet und ermöglicht die Anwendung von Stilen auf Linktext. 🎜🎜🎜🎜4. Bild-Tag 🎜🎜🎜🎜<img>: Bilder in Webseiten einbetten. 🎜🎜🎜🎜5. Formular-Tag 🎜🎜🎜🎜<form>: Definieren Sie ein Formular, um Benutzern die Eingabe von Daten zu ermöglichen. 🎜🎜<input>: Eingabefelder für Text, Zahlen, Kontrollkästchen oder Optionsfelder erstellen. 🎜🎜<button>: Erstellen Sie eine Schaltfläche, die beim Klicken eine Aktion auslöst. 🎜🎜🎜🎜6. Medien-Tag 🎜🎜🎜🎜<video>: Video in eine Webseite einbetten. 🎜🎜<audio>: Audiodateien in Webseiten einbetten. 🎜🎜🎜🎜7. Tabellen-Tag 🎜🎜🎜🎜<table>: Erstellen Sie eine Tabelle. 🎜🎜<tr>: Tabellenzeilen erstellen. 🎜🎜<td>: Tabellendatenzellen erstellen. 🎜🎜🎜🎜8. Andere Tags 🎜🎜🎜🎜<pre class="brush:php;toolbar:false">: Erstellen Sie vorformatierte Textblöcke. 🎜🎜<hr>: Erstellt eine horizontale Linie. 🎜🎜<div> und <span>: werden als allgemeine Containerelemente verwendet und ermöglichen die Anwendung von Stilen und das Gruppieren von Inhalten. 🎜🎜

Das obige ist der detaillierte Inhalt vonGängige HTML-Tags und ihre Funktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!