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

Docker installiert Elasticsearch7.6-Cluster und legt Passwort fest

Ab Elasticsearch 6.8 dürfen kostenlose Benutzer d...

Docker-Bereitstellung – Springboot-Projektbeispielanalyse

Dieser Artikel stellt hauptsächlich die Beispiela...

Detaillierte Erklärung der allgemeinen For-Schleife in JavaScript-Anweisungen

Es gibt viele Schleifenanweisungen in JavaScript,...

MySQL-String-Aufteilungsvorgang (String-Abfangen mit Trennzeichen)

String-Extraktion ohne Trennzeichen Fragenanforde...

So verwenden Sie das JavaScript-Strategiemuster zum Validieren von Formularen

Inhaltsverzeichnis Überblick Formularvalidierung ...

So führen Sie nach der Kompilierung und Installation von Nginx ein reibungsloses Upgrade durch

Wenn Sie nach der Kompilierung und Installation v...

Vue und React im Detail

Inhaltsverzeichnis 1. Panorama II. Hintergrund 1....

Verwenden Sie Shell-Skripte, um Docker-Dienste stapelweise zu starten und zu stoppen

Inhaltsverzeichnis Starten Sie Docker Stoppen Sie...

JavaScript-Code zur Implementierung der Weibo-Batch-Unfollow-Funktion

Ein cooler JavaScript-Code, um Weibo-Benutzern st...

Beispielanalyse für die Farbabstimmung einer Webseite: Analyse der Webseite mit grüner Farbabstimmung

<br />Grün liegt zwischen Gelb und Blau (kal...

Zusammenfassung und ausführliche Erläuterung der Docker-Container-Bedienungsanleitung

1. Erstellen und Ausführen eines Containers docke...

Vue3 setup() - Erweiterte Verwendungsbeispiele - ausführliche Erklärung

Inhaltsverzeichnis 1. Unterschiede zwischen Optio...

Details zum JavaScript-Timer

Inhaltsverzeichnis 1. Kurze Einführung 2. Interva...

Fallstricke basierend auf MySQL-Standardsortierregeln

Der Standardtyp varchar in MySQL ist case-insensi...

So stellen Sie ein Angular-Projekt mit Docker bereit

Es gibt zwei Möglichkeiten, Angular-Projekte mit ...