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

Schritte zum Exportieren der Felder und zugehörigen Attribute von MySQL-Tabellen

Müssen die Felder und Eigenschaften der Tabelle i...

So installieren Sie Nginx unter Win10

Da das Unternehmen mich bat, einen WebService-Ser...

Lösen Sie das Problem des Startfehlers von PHPStudy MySQL unter Windows

Einen Fehler melden Der Apache\Nginx-Dienst wurde...

Detaillierte Erklärung zum effizienten MySQL-Paging

Vorwort Normalerweise wird für MySQL-Abfragen mit...

Detaillierte Erläuterung der Javascript-Ereigniserfassungs- und Bubbling-Methoden

Inhaltsverzeichnis 1. Ereignisverarbeitungsmodell...

jQuery implementiert die Registrierungsseite zur Mitarbeiterverwaltung

In diesem Artikelbeispiel wird der spezifische Co...

So verwenden Sie griechische Buchstaben in HTML-Seiten

Griechische Buchstaben sind eine sehr häufig verw...

Das WeChat-Applet implementiert feste Header- und Listentabellenkomponenten

Inhaltsverzeichnis brauchen: Funktionspunkte Rend...

Bootstrap 3.0 Studiennotizen Grid-System-Fall

Vorwort Im vorherigen Artikel haben wir hauptsäch...

Ursachen und Lösungen für MySQL-Deadlocks

Die Datenbank ist wie das Betriebssystem eine gem...

Die IE-Umgebung schreibt vor, dass die Div-Höhe größer sein muss als die Schrifthöhe

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

So zeigen Sie Docker-Containerprotokolle an und bereinigen sie (getestet und effektiv)

1. Problem Die Docker-Containerprotokolle führten...

So ändern Sie die Standardübermittlungsmethode des Formulars

Die Standard-Übermittlungsmethode von HTML ist get...

Befehl zum Anzeigen der Erstellungszeit der Binlog-Datei unter Linux

Inhaltsverzeichnis Hintergrund analysieren Verfah...

Verstehen Sie kurz die beiden gängigen Methoden zum Erstellen von Dateien im Linux-Terminal

Wir alle wissen, dass wir den Befehl mkdir verwen...