Detaillierte Erklärung der Grundkonzepte von HTML

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

Artikel empfehlen

Zusammenfassung der Methoden zum Suchen und Löschen doppelter Daten in MySQL-Tabellen

Manchmal speichern wir viele doppelte Daten in de...

Vergleichende Analyse von MySQL Binlog-Protokollverarbeitungstools

Inhaltsverzeichnis Kanal Maxwell Datenbus Datenüb...

Einführung in geplante Aufgaben im Linux-System

Inhaltsverzeichnis 1. Planaufgaben anpassen 2. Ze...

Fünf Möglichkeiten zur Implementierung der Vererbung in js

Ausleihen von Konstruktoren Die Grundidee dieser ...

JavaScript+HTML zur Implementierung eines Studenteninformationsmanagementsystems

Inhaltsverzeichnis 1. Einleitung 2. Rendern 3. Co...

Detaillierte Erklärung des gesamten Prozesses zum Erstellen eines persönlichen Blogs mit nginx+WordPress

0x00 Einführung WordPress ist das beliebteste CMS...

So mounten Sie eine Datenfestplatte auf Tencent Cloud Server Centos

Überprüfen Sie zunächst, ob das Festplattengerät ...

CSS zum Erzielen einer Schließen-Schaltfläche zum Vergrößern und Verkleinern (Beispielcode)

Dieser Effekt tritt am häufigsten auf unserer Bro...

Textbereich Textbereich Breite und Höhe Breite und Höhe Automatische Anpassung Implementierungscode

Code kopieren Der Code lautet wie folgt: <HTML...

CSS-Beispielcode zur Implementierung von Schiebetüren

Durch die sogenannte Sliding Door-Technologie läs...

MySQL berechnet die Anzahl der Tage, Monate und Jahre zwischen zwei Daten

Die in MySQL integrierte Datumsfunktion TIMESTAMP...

Vue-Beispielcode zur Implementierung einer horizontalen Zeitleiste mit zwei Spalten

Inhaltsverzeichnis 1. Implementieren Sie die Komp...

Detaillierte Erklärung des Lebenszyklus von Angular-Komponenten (Teil 2)

Inhaltsverzeichnis 1. Haken anzeigen 1. Was bei d...

Praxis der Verwendung von Vite2+Vue3 zum Rendern von Markdown-Dokumenten

Inhaltsverzeichnis Benutzerdefinierte Vite-Plugin...

Analyse der HTTP-Dienstschritte auf einer virtuellen VMware-Maschine

1. Verwenden Sie xshell, um eine Verbindung mit d...