HTML-Grundlagen: Die grundlegende Struktur von HTML
|
Die Grundstruktur von HTML-Hypertextdokumenten besteht aus zwei Teilen: Dokumentkopf und Dokumentkörper. Im Dokumentkopf werden einige notwendige Definitionen des Dokuments vorgenommen, und der Dokumentkörper enthält verschiedene anzuzeigende Dokumentinformationen. <HTML> <KOPF> Header-Informationen</HEAD> <KÖRPER> Dokumentkörper, Textteil</BODY> </HTML> Unter ihnen befindet sich <HTML> in der äußersten Ebene und zeigt an, dass der Inhalt zwischen diesem Tag-Paar ein HTML-Dokument ist. Wir werden auch sehen, dass auf einigen Homepages das <HTML>-Tag weggelassen wird, da Webbrowser davon ausgehen, dass es sich bei .html- oder .htm-Dateien um HTML-Dokumente handelt. <HEAD> enthält die Kopfzeileninformationen des Dokuments, beispielsweise den Gesamttitel des Dokuments usw. Wenn keine Kopfzeileninformationen benötigt werden, kann dieses Tag weggelassen werden. Das <BODY>-Tag wird grundsätzlich nicht weggelassen und kennzeichnet den Beginn des Hauptinhalts. Nachfolgend sehen Sie den Quellcode eines einfachen Hypertext-Dokuments: <HTML> <KOPF> <TITLE>Ein einfaches HTML-Beispiel</TITLE> </KOPF> <KÖRPER> <MITTE> <H3>Willkommen auf meiner Homepage</H3> <BR> <HR> <SCHRIFTGRÖSSE=2> Dies ist das erste Mal, dass ich eine Homepage erstelle. Egal was passiert, ich werde mein Bestes geben, damit es gut wird! </FONT> </CENTER> </BODY> </HTML> ━┓ ┃Dateikopf━┛ ━┓ ┃ ┃ ┃ ┃Dokumententext┃ ┃ ┃ ┃ ━┛ Tags in Hypertexten <br />Wenn Sie zum ersten Mal mit Hypertext in Berührung kommen, sind die in „<“ und „>“ eingeschlossenen Sätze das größte Hindernis. Wir nennen sie Tags. Das sind Elemente, die zum Unterteilen und Markieren von Text verwendet werden, um das Layout des Textes, das Format des Textes und farbige Bilder zu gestalten. 1. Einzelne Tags Manche Tags werden „einzelne Tags“ genannt, weil sie ihre Bedeutung vollständig ausdrücken können, wenn sie allein verwendet werden. Die Syntax solcher Tags lautet: <Tag-Name> Das am häufigsten verwendete einzelne Tag ist <BR>, das einen Zeilenumbruch anzeigt. 2. Doppeltag Ein anderer Tag-Typ wird „Doppeltag“ genannt. Er besteht aus zwei Teilen: „Starttag“ und „Endtag“ und muss paarweise verwendet werden. Der Starttag weist den Webbrowser an, die durch den Tag dargestellte Funktion von hier aus auszuführen, und der Endtag weist den Webbrowser an, die Funktion hier zu beenden. Durch Hinzufügen eines Schrägstrichs (/) vor dem Start-Tag wird dieser zu einem End-Tag. Die Syntax für diesen Tag-Typ lautet: <tag>Inhalt</tag> Dieses Tag-Paar beeinflusst den Teil „Inhalt“. Wenn Sie beispielsweise einen bestimmten Text hervorheben möchten, fügen Sie ihn in ein <EM> </EM>-Tag ein: Erste: 3. Tag-Attribute Viele Start-Tags mit Einzel- und Doppel-Tags können einige Attribute enthalten. Die Syntax lautet: < Tag Name Attribut 1 Attribut 2 Attribut 3 … > Es gibt keine Rangfolge zwischen den Attributen, und die Attribute können weggelassen werden (d. h., die Standardwerte werden übernommen). Beispielsweise bedeutet das einzelne Tag <HR>, dass an der aktuellen Position des Dokuments eine horizontale Linie gezeichnet wird, im Allgemeinen vom äußersten linken Ende der aktuellen Zeile im Fenster bis zum äußersten rechten Ende. Mit einigen Attributen: <HR SIZE=3 ALIGN=LEFT WIDTH="75%"> Das SIZE-Attribut definiert die Linienstärke. Der Attributwert ist eine Ganzzahl und 1 fehlt. Das ALIGN-Attribut stellt die Ausrichtung dar, die LEFT (linksbündig, Standardwert), CENTER (zentriert) oder RIGHT (rechtsbündig) sein kann. Das WIDTH-Attribut definiert die Länge der Linie, die ein relativer Wert (ein Prozentsatz, der in ein Paar " "-Zeichen eingeschlossen ist und den Prozentsatz relativ zur Füllung des gesamten Fensters angibt) oder ein absoluter Wert (die Anzahl der Bildschirmpixel, ausgedrückt als Ganzzahl, z. B. WIDTH=300) sein kann. Der Standardwert ist "100%". |
Artikel empfehlen
Browserübergreifender lokaler Speicher Ⅰ
Originaltext: http://www.planabc.net/2008/08/05/u...
Detaillierte Erläuterung der passwortfreien SSH-Anmeldekonfigurationsmethode (Bilder und Befehle)
Lassen Sie mich zunächst erklären, dass wir uns o...
Einführung in die Cloud-native-Technologie Kubernetes (K8S)
Inhaltsverzeichnis 01 Was ist Kubernetes? 02 Der ...
Detaillierte Erklärung der Verwendung der Compose-Funktion und der Pipe-Funktion in JS
Inhaltsverzeichnis Funktion „Verfassen“ Array.Pro...
【HTML-Element】Detaillierte Erklärung des Tag-Textes
1. Verwenden Sie grundlegende Textelemente, um In...
Beispiel zum Einrichten eines Linux-Systems zur automatischen Ausführung eines Skripts beim Start
Vorwort Hallo zusammen, ich bin Liang Xu. Bei der...
Anfänger lernen einige HTML-Tags (1)
Anfänger können HTML lernen, indem sie einige HTM...
Detailliertes Tutorial zum Kompilieren und Installieren von Python3.6 unter Linux
1. Gehen Sie zunächst auf die offizielle Website ...
Das praktische Gitlab-Tutorial verwendet Git Config für zugehörige Konfigurationsvorgänge
Dieser Artikel stellt den Inhalt zur Git-Konfigur...
Vue implementiert Pulldown, um mehr zu laden
Entwickler, die mit Element-UI vertraut sind, hab...
SQL-Implementierung von LeetCode (197. Steigende Temperatur)
[LeetCode] 197.Steigende Temperatur Schreiben Sie...
Anweisungen zum Wiederherstellen von Daten nach versehentlichem Löschen einer MySQL-Datenbank
Bei täglichen Betriebs- und Wartungsarbeiten ist ...
Ein Problem mit der Bereitstellung von MySQL 5.5
MySQL-Bereitstellung Derzeit stellt das Unternehm...
Grundkenntnisse zu MySQL – Lernhinweise
Datenbank anzeigen show databases; Erstellen eine...
React realisiert sekundäre Verknüpfung (linke und rechte Verknüpfung)
In diesem Artikel wird der spezifische Code von R...