Detaillierte Einführung in die Grundkonzepte von HTML
Dieses Mal werde ich Ihnen eine detaillierte Einführung in die Grundkonzepte von HTML und die Anmerkungen der Grundkonzepte von HTML geben. Hier sind praktische Fälle ein Blick.
Was ist HTML?
HTML ist eine Sprache zur Beschreibung von Webseiten.
•HTML bezieht sich auf Hyper Text Markup Language
•HTML ist keine Programmiersprache, sondern eine Auszeichnungssprache
•Die Auszeichnungssprache ist eine Reihe von Auszeichnungs-Tags (Markup-Tags). )
•HTML verwendet Markup-Tags zur Beschreibung von Webseiten
HTML-Tags
HTML-Markup-Tags werden oft als HTML-Tags bezeichnet.
•HTML-Tags sind von spitzen Klammern umgebene Schlüsselwörter, wie zum Beispiel
•HTML-Tags erscheinen normalerweise paarweise, wie zum Beispiel und
• Die Das erste Tag im Tag-Paar ist das öffnende Tag und das zweite Tag das schließende Tag.
• Öffnende und schließende Tags werden auch als öffnende und schließende Tags bezeichnet.
HTML-Elemente
HTML-Elemente beziehen sich auf den gesamten Code vom Start-Tag bis zum End-Tag.
Hinweis: Das Start-Tag wird oft als Eröffnungs-Tag bezeichnet, und das End-Tag wird oft als Schluss-Tag bezeichnet.
HTML-Elementsyntax
•HTML-Element beginnt mit einem Start-Tag
•HTML-Element endet mit einem End-Tag
•Der Inhalt des Elements ist der Inhalt zwischen dem Start-Tag und das End-Tag
•Einige HTML-Elemente haben leeren Inhalt
•Leere Elemente werden im Eröffnungs-Tag geschlossen (enden mit dem Ende des Eröffnungs-Tags)
•Die meisten HTML-Elemente können das -Attribut haben
HTML-Attribute
HTML-Tags können Attribute haben. Attribute liefern weitere Informationen zu HTML-Elementen.
Attribute erscheinen immer als Name/Wert-Paare, zum Beispiel: name="value". Das Attribut
wird immer im öffnenden Tag eines HTML-Elements angegeben.
Attributbeispiel 1:
<h1> 定义标题的开始。 <h1 align="center"> 拥有关于对齐方式的附加信息。
TIY: Zentrierter Titel
Attributbeispiel 2:
<body> 定义 HTML 文档的主体。 <body bgcolor="yellow"> 拥有关于背景颜色的附加信息。
TIY: Hintergrundfarbe
Attributbeispiel 3:
<table> 定义 HTML 表格。（您将在稍后的章节学习到更多有关 HTML 表格的内容） <table border="1"> 拥有关于表格边框的附加信息。
HTML-Dokument = Webseite
•HTML 文档描述网页 •HTML 文档包含 HTML 标签和纯文本 •HTML 文档也被称为网页
Die Funktion des Webbrowsers besteht darin, das HTML-Dokument zu lesen und im Formular anzuzeigen einer Webseite sie. Browser zeigen keine HTML-Tags an, sondern verwenden Tags, um den Inhalt der Seite zu interpretieren.
<html><body><h1>My First Heading</h1><p>My first paragraph.</p></body> </html>
Erklärung von Beispielen
•<html> 与 </html> 之间的文本描述网页 •<body> 与 </body> 之间的文本是可见的页面内容 •<h1> 与 </h1> 之间的文本被显示为标题 •<p> 与 </p> 之间的文本被显示为段落
•Wenn Sie eine HTML-Datei speichern, können Sie entweder das Dateisuffix .htm oder .html verwenden. In unseren Beispielen verwenden wir .htm. Dies ist lediglich eine langjährige Gewohnheit, da viele Softwareprogramme in der Vergangenheit nur aus drei Buchstaben bestehende Dateisuffixe zuließen. Aber für neue Software ist die Verwendung von .html kein Problem.
Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Verwandte Lektüre:
Detaillierte Beispiele für die HTML-Textformatierung
Sonderzeichen von HTML – CSS3-Inhalt: „Besonderes Wie um das Symbol zu verwenden „
So implementieren Sie Eingabefeld-Eingabeaufforderung + normale Textfeld-Eingabeaufforderung in h5
Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in die Grundkonzepte von HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
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
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!
Heißer Artikel
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
1393
52
1207
24
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.
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-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.
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.
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-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
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.
