1. Einführung in HTML
HTML (Hyper Text Markup Language) ist eine Hypertext-Auszeichnungssprache. Es verbindet Texte, Grafiken, Animationen, Sounds, Tabellen, Links usw. im Internet durch eine Reihe von Tags zu einem Ganzen. Die auszudrückenden Informationen werden nach bestimmten Regeln in HTML-Dateien geschrieben, die von einem speziellen Browser erkannt werden, und diese HTML-Dateien werden in identifizierbare Informationen „übersetzt“, d. h. in die Webseite, die Sie jetzt sehen. Bieten Sie den Menschen eine bequeme Möglichkeit, Informationen zu finden und abzurufen.
2. Klassifizierung von Webseiten
Unterteilt in statische Webseiten und dynamische Webseiten
(1) Statische Webseiten: Webseiten im reinen HTML-Format können nur durchsucht werden. Unabhängig davon, wann und wo sie durchsucht werden, zeigen sie dieselbe Form und denselben Inhalt an, was bedeutet, dass sie nicht mit der Website interagieren können. Bei statischen Webseiten werden die Hauptstruktur der gesamten Webseite und die Anzeigesteuerung der Webseite mithilfe von HTML implementiert. Die Erweiterungen statischer Seiten sind im Allgemeinen .htm, .html, .shtml und .xml.
Statische Webseiten können nur Text und Bilder auf der Webseite anzeigen. Die Funktion mag einfach klingen, sie ist jedoch das Grundelement aller Webseiten und ihre Bedeutung liegt auf der Hand.
Auf statischen Webseiten können verschiedene dynamische Effekte auftreten, z. B. Animationen im GIF-Format, Flash, Laufbuchstaben usw. Diese „dynamischen Effekte“ sind nur visueller Natur und unterscheiden sich von dynamischen Webseiten.
(2) Dynamische Webseiten: Webseiten, die dynamische Technologie verwenden. Der Inhalt der Webseite kann sich je nach Änderungen unter bestimmten Bedingungen automatisch ändern. Im Gegensatz zu den Erweiterungen statischer Webseiten sind die Erweiterungen dynamischer Webseiten .asp, .jsp, .php, .perl, .cgi usw., und in der URL der dynamischen Webseite gibt es ein Symbol „?“.
3. Markieren
In HTML verwendete Symbole zur Beschreibung der Funktionalität.
Tags müssen bei Verwendung in spitze Klammern „<>“ eingeschlossen werden. Der Browser interpretiert das Markup innerhalb der spitzen Klammern. Die am häufigsten verwendeten Tags in HTML sind <html>, <head>, <title> und <body>.
Marker werden in Einzelmarker und Doppelmarker unterteilt:
(1) Einzelnes Tag: Geben Sie einfach den Tag-Namen in spitzen Klammern ein. Ein einzelnes Tag stellt eine Funktion dar und hat keinen Gültigkeitsbereich.
Format: <Tag>
Zum Beispiel Zeilenumbruchzeichen: < br>
(2) Doppelmarke: Die Marke hat einen Anfang und ein Ende, und die vordere Marke stimmt mit der folgenden Marke überein, vor der letzteren Marke befindet sich jedoch ein Schrägstrich.
Format: <mark>Jingrui Youzhi</mark>
Wie zum Beispiel Absatzmarke; < p> < /p>
4. HTML-Markup-Zusammensetzung
<html><head><title>C Language Network</title></head><body><h1>Wie kann man das C Language Network sinnvoll nutzen? </h1><p>Es gibt viele Fragen im C-Sprachnetzwerk</p></body></html>
Eine vollständige HTML-Seite besteht tatsächlich aus Tag-Paaren (natürlich gibt es Ausnahmen).
(1) <html></html>: Die öffnenden und schließenden Tags der Webseite.
(2) <head>< /head>: Die Anfangs- und End-Tags der Header-Informationen der Webseite;
(3) <body>< /body>: die Anfangs- und End-Tags des Hauptteils der Webseite;
(4) <title>< /title>: Die thematischen Eröffnungs- und Schluss-Tags der Webseite;
(5) < p>< /p>: Die Anfangs- und End-Tags des Absatzes der Webseite
5. Webseiten-Layout-Technologie
(1) Tabellenlayout-Technologie: Früher war das Tabellenlayout üblicher, bei dem verschiedene erforderliche Texte, Bildmaterialien usw. in eine randlose Tabelle eingefügt wurden. Der Vorteil besteht darin, dass verschiedene Objekte verarbeitet werden können, ohne sich um die Unterschiede zwischen verschiedenen kümmern zu müssen Der Nachteil besteht darin, dass die Verwendung zu vieler Tabellen die Menge an Webseitendaten erhöht und sich auf die Downloadgeschwindigkeit der Seite auswirkt.
(2) CSS-Technologie (Cascading Style Sheet): Auch als DIV+CSS-Layouttechnologie bekannt. Sie kann Text und Bilder genau positionieren, Daten und Formate trennen und die Datenmenge auf der Webseite erheblich reduzieren. CSS ist für Anfänger etwas schwierig, aber es ist tatsächlich eine gute Layout-Methode und mittlerweile die am häufigsten verwendete Webseiten-Layout-Technologie.