Detaillierte Erklärung der Grundkonzepte von HTML

Was ist HTML?

HTML ist eine Sprache zur Beschreibung von Webseiten.

•HTML steht für Hyper Text Markup Language
•HTML ist keine Programmiersprache, sondern eine Auszeichnungssprache
•Eine Auszeichnungssprache ist eine Reihe von Auszeichnungs-Tags
•HTML verwendet Markup-Tags, um Webseiten zu beschreiben

HTML-Tags

HTML-Markup-Tags werden oft als HTML-Tags bezeichnet.

•HTML-Tags sind Schlüsselwörter in spitzen Klammern, wie beispielsweise <html>
•HTML-Tags erscheinen normalerweise paarweise, wie beispielsweise <b> und </b>
• Das erste Tag in einem Tag-Paar ist das Start-Tag und das zweite Tag ist das End-Tag
• Start- und End-Tags werden auch öffnende und schließende Tags genannt

HTML-Elemente

Ein HTML-Element bezieht sich auf den gesamten Code vom Start-Tag bis zum End-Tag.

Start-Tag	Elementinhalt	End-Tag
<p>	Dies ist ein Absatz	</p>
<a href="default.htm" >	Dies ist ein Link	</a>
<br />

Hinweis: Das Start-Tag wird oft als öffnendes Tag und das End-Tag als schließendes Tag bezeichnet.

HTML-Elementsyntax

•HTML-Elemente beginnen mit einem Start-Tag
•HTML-Elemente werden durch ein schließendes Tag beendet
• Der Inhalt eines Elements ist der Inhalt zwischen dem Start-Tag und dem End-Tag
• Einige HTML-Elemente haben leeren Inhalt
• Leere Elemente werden durch das Start-Tag geschlossen (Ende mit dem Ende des Start-Tags)
• Die meisten HTML-Elemente können Attribute haben

HTML-Attribute

HTML-Tags können Attribute haben. Attribute liefern zusätzliche Informationen zu HTML-Elementen.

Attribute treten immer als Name/Wert-Paare auf, zum Beispiel: name="value".

Attribute werden immer innerhalb des öffnenden Tags eines HTML-Elements angegeben.

Eigenschaftsbeispiel 1:

<h1> Definiert den Anfang einer Überschrift.

<h1 align="center"> enthält zusätzliche Informationen zur Ausrichtung.

TIY: Den Titel zentrieren

Eigenschaftsbeispiel 2:

<body> definiert den Hauptteil des HTML-Dokuments.

<body bgcolor="yellow"> enthält zusätzliche Informationen zur Hintergrundfarbe.

TIY: Hintergrundfarbe

Eigenschaftsbeispiel 3:

<table> definiert eine HTML-Tabelle. (Mehr zu HTML-Tabellen erfahren Sie in einem späteren Kapitel)
<table border="1"> enthält zusätzliche Informationen zum Tabellenrand.

HTML-Dokument = Webseite

• HTML-Dokumente beschreiben Webseiten
•HTML-Dokumente enthalten HTML-Tags und einfachen Text
•HTML-Dokumente werden auch Webseiten genannt

Die Aufgabe eines Webbrowsers besteht darin, HTML-Dokumente zu lesen und in Form von Webseiten anzuzeigen. Browser zeigen keine HTML-Tags an, sondern verwenden die Tags, um den Inhalt der Seite zu interpretieren.

<html>
<Text>
<h1>Meine erste Überschrift</h1>
<p>Mein erster Absatz.</p>
</body>

</html>

Beispielerklärung

• Der Text zwischen <html> und </html> beschreibt die Webseite
• Der Text zwischen <body> und </body> ist der sichtbare Inhalt der Seite
• Der Text zwischen <h1> und </h1> wird als Titel angezeigt
•Text zwischen <p> und </p> wird als Absatz angezeigt

•Wenn Sie eine HTML-Datei speichern, können Sie entweder die Dateierweiterung .htm oder .html verwenden. In unseren Beispielen verwenden wir .htm. Dabei handelt es sich lediglich um eine über lange Zeit entstandene Gewohnheit, da viele Programme früher nur dreistellige Dateisuffixe zuließen. Bei neuer Software stellt die Verwendung von .html jedoch absolut kein Problem dar.

Die oben aufgeführte ausführliche Erklärung der grundlegenden Konzepte von HTML ist der gesamte Inhalt, den der Editor mit Ihnen teilt. Ich hoffe, dass er Ihnen als Referenz dienen kann. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.

Original-URL: http://www.cnblogs.com/sxtywjx/p/5665033.html

<<: Eine einfache Möglichkeit, den CSS-, JavaScript- und Hintergrundbild-Cache im Browser zu leeren

>>: Detaillierte Schritte zum Erstellen eines unabhängigen Mailservers auf Centos7.9

Beispiel für die Implementierung einer nahtlosen Endlosschleife im Hintergrund mithilfe einer CSS-Animation

Detaillierte Erklärung der Grundkonzepte von HTML

Beispiel für die Implementierung einer nahtlosen Endlosschleife im Hintergrund mithilfe einer CSS-Animation

Grafisches Tutorial zur Installation und Konfiguration von mysql5.7.20 (Mac)

Natives JS zur Implementierung eines atmenden Karussells

Tutorial zur Installation und Konfiguration der entpackten Version von MySql unter Windows 10

Zeichnen Sie den Verbindungsvorgang mit der lokalen virtuellen Linux-Maschine über SSH auf

Detaillierte Anwendung des dynamischen Vue-Formulars

Centos8 (Minimalinstallation) Tutorial zur Installation von Python3.8+pip

Front-End-JavaScript-Versprechen

Beispielüberprüfung MySQL | Update-Feld mit demselben Wert zeichnet Binlog auf

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.13 winx64 (win10)

Artikel empfehlen

Anwendungsszenarien für React useMemo und useCallback

So zählen Sie das Datum mit Bash herunter

Navicat importiert CSV-Daten in MySQL

So legen Sie die Schriftfarbe in HTML fest und erhalten mit PS eine genaue Schriftfarbe in HTML

Eine kurze Analyse von Kubernetes-Controllern und -Labels

TypeScript-Union-Typen, Schnittmengentypen und Typwächter

Tutorial zur Verwendung von Portainer zum Herstellen einer Verbindung mit einem Remote-Docker

Beispielcode für HTML-Formularkomponente

Grafisches Tutorial zur Installation von mysql5.7.17.msi

Eine Reihe häufig verwendeter Betriebs- und Wartungsbefehle für Linux (Zusammenfassung)

Das Prinzip und die Richtung von JavaScript

Implementierung des Umschreibesprungs in Nginx

Hinweise zur Verwendung der verknüpften Liste des Linux-Kernel-Gerätetreibers

Lösung für den ineffektiven globalen Stil der benutzerdefinierten Miniprogrammkomponente

Implementierung einer geplanten Sicherung in Mysql5.7