Detaillierte Einführung in HTML-Elemente-HTML-Tutorial-php.cn

Heim

Web-Frontend

HTML-Tutorial

Detaillierte Einführung in HTML-Elemente

高洛峰

Mar 22, 2017 pm 02:36 PM

html元素

HTML-Dokumente werden durch HTML-Elemente definiert.

HTML-Element

开始标签 *	元素内容	结束标签 *
	这是一个段落
	这是一个链接

Das *-Start-Tag wird oft als Öffnungs-Tag bezeichnet, und das End-Tag wird oft als Schluss-Tag bezeichnet.

HTML-Elementsyntax

HTML-Elemente beginnen mit -Tags , beginnend mit
HTML-Elemente werden durch das schließende Tag
abgeschlossen Der Inhalt des -Elements ist der Inhalt zwischen dem Start-Tag und dem End-Tag
Einige HTML-Elemente haben leeren Inhalt
Das leere Element wird im öffnenden Tag geschlossen (endet mit dem Ende des öffnenden Tags)
Die meisten HTML-Elemente können das Attribut

haben Kommentare: Mehr über Eigenschaften erfahren Sie im nächsten Kapitel dieses Tutorials.

Verschachtelte HTML-Elemente

HTML-Dokumente bestehen aus verschachtelten HTML-Elementen.

Beispiel für ein HTML-Dokument

Dies ist mein erster Absatz.

Das obige Beispiel enthält drei HTML-Elemente.

HTML-Beispielanalyse

Das

-Element:

Dies ist mein erster Absatz.

Das

-Element definiert einen Absatz in einem HTML-Dokument.
Dieses Element hat ein Start-Tag

und ein End-Tag

.
Der Elementinhalt lautet: Dies ist mein erster Absatz.

Das -Element:

Dies ist mein erster Absatz.

Das

-Element definiert den Hauptteil des HTML-Dokuments.
Dieses Element verfügt über ein Eröffnungs-Tag und ein End-Tag .
Der Elementinhalt ist ein weiteres HTML-Element (das p-Element).

Das -Element:

Dies ist mein erster Absatz.

Das -Element definiert das gesamte HTML-Dokument.
Dieses Element hat ein Eröffnungs-Tag und ein End-Tag .
Der Elementinhalt ist ein weiteres HTML-Element (das Body-Element).

Vergessen Sie nicht das Schluss-Tag

Selbst wenn Sie vergessen, das schließende Tag zu verwenden, zeigen die meisten Browser den HTML-Code korrekt an:

Dies ist ein Absatz

Das obige Beispiel wird auch im Browser einwandfrei angezeigt, da das Schließen des Tags optional ist.

Aber verlassen Sie sich nicht auf diesen Ansatz. Wenn Sie vergessen, ein schließendes Tag zu verwenden, kann dies zu unvorhersehbaren Ergebnissen oder Fehlern führen.

Leeres HTML-Element

Ein HTML-Element ohne Inhalt wird als leeres Element bezeichnet. Leere Elemente werden im öffnenden Tag geschlossen.

ist ein leeres Element ohne schließendes Tag (
Tag-Definition umschließt).

In XHTML, XML und zukünftigen Versionen von HTML müssen alle Elemente geschlossen sein.

Das Hinzufügen eines Schrägstrichs im öffnenden Tag, z. B.
, ist die richtige Methode zum Schließen eines leeren Elements und wird von HTML, XHTML und XML akzeptiert.

Obwohl
in allen Browsern funktioniert, ist die Verwendung von
auf lange Sicht tatsächlich sicherer.

HTML-Tipp: Verwenden Sie Kleinbuchstaben-Tags

Bei HTML-Tags wird die Groß-/Kleinschreibung nicht beachtet:

entspricht

. Viele Websites verwenden HTML-Tags in Großbuchstaben.

W3CSchool verwendet Tags in Kleinbuchstaben, da das World Wide Web Consortium (W3C) die Verwendung von Kleinbuchstaben in HTML 4 empfiehlt und diese in zukünftigen (X)HTML-Versionen obligatorisch verwenden wird Kleinbuchstaben.

Weitere Informationen

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in HTML-Elemente. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme

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

Verwandter Artikel

HTML: Die Struktur, CSS: Der Stil, JavaScript: Das VerhaltenApr 18, 2025 am 12:09 AM

Die Rollen von HTML, CSS und JavaScript in der Webentwicklung sind: 1. HTML definiert die Webseitenstruktur, 2. CSS steuert den Webseitenstil, und 3. JavaScript fügt ein dynamisches Verhalten hinzu. Zusammen bauen sie den Rahmen, die Ästhetik und die Interaktivität moderner Websites auf.

Die Zukunft von HTML: Evolution und Trends im WebdesignApr 17, 2025 am 12:12 AM

Die Zukunft von HTML ist voller unendlicher Möglichkeiten. 1) Neue Funktionen und Standards umfassen mehr semantische Tags und die Beliebtheit von Webcomponenten. 2) Der Webdesign -Trend entwickelt sich weiterhin für reaktionsschnelles und zugängliches Design. 3) Die Leistungsoptimierung verbessert die Benutzererfahrung durch reaktionsschnelle Bildlade- und faulen Ladetechnologien.

HTML vs. CSS vs. JavaScript: Ein vergleichender ÜberblickApr 16, 2025 am 12:04 AM

Die Rollen von HTML, CSS und JavaScript in der Webentwicklung sind: HTML ist für die Inhaltsstruktur verantwortlich, CSS ist für den Stil verantwortlich und JavaScript ist für dynamisches Verhalten verantwortlich. 1. HTML definiert die Webseitenstruktur und den Inhalt durch Tags, um die Semantik zu gewährleisten. 2. CSS steuert den Webseitenstil über Selektoren und Attribute, um es schön und einfach zu lesen. 3. JavaScript steuert das Verhalten von Webseiten über Skripte, um dynamische und interaktive Funktionen zu erzielen.

HTML: Ist es eine Programmiersprache oder etwas anderes?Apr 15, 2025 am 12:13 AM

HtmlisnotaprogrammingLanguage; itiSamarkuplanguage.1) htmlstructuresandFormatswebcontentuses.2) itWorkswithCSSForstylingandjavaScriptForinteraktivität, EnhancingWebDevelopment.

HTML: Erstellen der Struktur von WebseitenApr 14, 2025 am 12:14 AM

HTML ist der Eckpfeiler der Erstellung von Webseitenstruktur. 1. HTML definiert die Inhaltsstruktur und die Semantik und Verwendung usw. Tags. 2. Stellen Sie semantische Marker wie usw. zur Verfügung, um den SEO -Effekt zu verbessern. 3. Um die Benutzerinteraktion durch Tags zu verwirklichen, achten Sie auf die Verifizierung der Form. 4. Verwenden Sie fortschrittliche Elemente wie in Kombination mit JavaScript, um dynamische Effekte zu erzielen. 5. Zu den häufigen Fehlern gehören nicht abgegebene Bezeichnungen und nicht geeignete Attributwerte, und Überprüfungstools sind erforderlich. 6. Optimierungsstrategien umfassen das Reduzieren von HTTP -Anforderungen, die Komprimierung von HTML, die Verwendung semantischer Tags usw.

Von Text zu Websites: Die Kraft von HTMLApr 13, 2025 am 12:07 AM

HTML ist eine Sprache, mit der Webseiten erstellt, die Webseitenstruktur und -inhalt über Tags und Attribute definiert werden. 1) HTML organisiert die Dokumentstruktur über Tags, wie z. B.. 2) Der Browser analysiert HTML, um das DOM zu erstellen und die Webseite zu rendern. 3) Neue Merkmale von HTML5, wie z. B. Multimedia -Funktionen. 4) Zu den häufigen Fehlern gehören nicht abgestimmte Bezeichnungen und nicht geeignete Attributwerte. 5) Die Optimierungsvorschläge umfassen die Verwendung semantischer Tags und die Reduzierung der Dateigröße.

HTML, CSS und JavaScript verstehen: Ein AnfängerhandbuchApr 12, 2025 am 12:02 AM

WebdevelopmentRelieSonHtml, CSS und JavaScript: 1) HtmlStructuresContent, 2) CSSstylesit und 3) JavaScriptaddssinteraktivität, Bildung von TheBasisofModerernwebexperiences.

Die Rolle von HTML: Strukturierung von WebinhaltenApr 11, 2025 am 12:12 AM

Die Rolle von HTML besteht darin, die Struktur und den Inhalt einer Webseite durch Tags und Attribute zu definieren. 1. HTML organisiert Inhalte über Tags wie das Lesen und Verständnis. 2. Verwenden Sie semantische Tags wie usw., um die Zugänglichkeit und SEO zu verbessern. 3. Optimierung des HTML -Codes kann die Ladegeschwindigkeit und die Benutzererfahrung der Webseite verbessern.

See all articles