Grundkenntnisse in HTML: ein erstes Verständnis von Webseiten
|
HTML ist die Abkürzung für Hypertext Markup Language. Es ist eine Sprache, die die Struktur eines Dokuments beschreibt, nicht die eigentliche Präsentation. Die HTML-Sprache verwendet beschreibende Tags (sogenannte Markup-Codes), um die verschiedenen Inhalte eines Dokuments anzuzeigen. Markup-Codes sind Trennzeichen, die die verschiedenen Textkomponenten unterscheiden und zum Aufteilen von HTML-Dokumenten in verschiedene logische Teile (oder Strukturen) wie Absätze, Überschriften und Tabellen verwendet werden. Der Markup-Code beschreibt die Struktur des Dokuments und stellt dem Browser Formatierungsinformationen für das Dokument zur Verfügung, um die Erscheinungsmerkmale des Dokuments zu vermitteln. In HTML geschriebene Seiten sind gewöhnliche Textdokumente, die keine plattform- oder programmspezifischen Informationen enthalten und von jedem Texteditor gelesen werden können. Es gibt zwei Möglichkeiten, HTML-Dateien zu generieren: eine ist die manuelle Kompilierung, die andere ist die Generierung mit einem Webseiten-Editor. Dreamweaver 3.0 ist ein solcher Webseiten-Editor. Wenn Sie Dreamweaver 3.0 zum Erstellen einer Webseite verwenden, generiert Dreamweaver 3.0 die HTML-Datei der Webseite. Daher ist es notwendig zu lernen, wie man HTML-Dateien manuell kompiliert. Im Folgenden werden die Grundlagen der manuellen Kompilierung von HTML-Dateien vorgestellt. HTML-Dokumente enthalten zwei Arten von Informationen: Zum einen den Inhalt der Seite selbst, beispielsweise Text, Grafiken usw. Zum anderen HTML-Tags, die Seitenelemente, Struktur, Format und andere Hypertext-Links darstellen. Wenn ein Browser eine HTML-Datei liest und auf ein HTML-Tag stößt, zeigt er den Inhalt der Seite in dem durch das Tag definierten Format an. Das grundlegende Format von HTML-Tags ist: <label>Seiteninhalt</label> Das vorangehende Tag gibt den Anfang des definierten Formats an, und das folgende Tag gibt das Ende dieses Formats an. Beispielsweise bedeutet „<B>Hallo Welt! </B>“ „Hallo Welt“ wird fett angezeigt. Die beiden häufig verwendeten Browser, 360 und Internet Explorer, interpretieren HTML-Tags unterschiedlich, d. h. dasselbe Tag wird in verschiedenen Browsern unterschiedlich angezeigt und die Tags, die sie interpretieren können, sind ebenfalls unterschiedlich. Dieses Problem tritt auch bei verschiedenen Versionen desselben Browsers auf. Daher müssen Sie beim Kompilieren von Webseiten auf dieses Problem achten. Im Allgemeinen tritt dieses Phänomen nicht bei häufig verwendeten Standardfunktionen auf, sondern nur bei neuen und erweiterten Funktionen. Dreamweaver 3.0 hat diese beiden Browser so weit wie möglich berücksichtigt und einige Methoden zum Umgang mit diesen Problemen bereitgestellt. HTML-Dateien sind reine Textdateien, die mit jedem Texteditor, beispielsweise dem Editor im Windows-Zubehör, eingegeben werden können. Beim Speichern der Datei muss die Dateierweiterung „HTML“ oder „HTM“ sein. Die Gesamtstruktur der HTML-Datei ist wie folgt: <HTML> <KOPF> <TITEL>...</TITEL> </KOPF> <KÖRPER> </BODY> </HTML> Im Folgenden werden die HTML-Tags in der Gesamtstruktur einer HTML-Datei erläutert: <HTML>: Das erste HTML-Tag auf jeder HTML-Seite ist <HTML>, was darauf hinweist, dass der Inhalt der Datei in HTML geschrieben ist. Alle Texte und HTML-Tags auf der HTML-Seite sind in <HTML>...</HTML> öffnende und schließende Tags. <HEAD>: Das <HEAD>-Tag gibt an, dass der in diesem Tag enthaltene Text das Vorwort zu anderem Text im Dokument ist. Normalerweise wird nur ein kleiner Teil in den <HEAD>-Teil der Datei geschrieben. Jeglicher Text des Seiteninhalts sollte nicht in den Seitenkopf geschrieben werden! <TITLE>: Der zwischen den <TITLE>-Tags enthaltene Text wird als Seitenkopfzeilentitel bezeichnet. Der Browser platziert den Seitenkopfzeilentitel in der Titelleiste des Seitenfensters. <BODY>: Der Inhalt einer HTML-Seite ist im <BODY>-Tag enthalten. Das grundlegende Format, die Konzepte und Tags von HTML-Dateien verstehen. Schreiben Sie folgenden Inhalt in die bearbeitete Textdatei: <HTML> <KOPF> <TITLE>Hallo Welt!<TlTLE> </KOPF> <KÖRPER> <P>Hallo Welt!</P> <P>Dies ist meine erste Website.</P> </BODY> </HTML> Dies ist eine einfache HTML-Datei. Benennen wir die Datei und speichern sie. Achten Sie beim Benennen der Datei auf Folgendes: (1) In DOS/Windows-Systemen sollte die Erweiterung „.htm“ sein, und in UNIX-Systemen sollte die Erweiterung „.html“ sein (beachten Sie, dass in UNIX-Systemen die Groß-/Kleinschreibung im Dateinamen beachtet wird). |
<<: Implementierung eines Redis Master-Slave-Clusters basierend auf Docker
>>: Ich habe ein paar coole Designseiten zusammengestellt, die ich gut finde.
Artikel empfehlen
Nginx verbietet den direkten Zugriff über IP und leitet auf eine benutzerdefinierte 500-Seite weiter
Direkt zur Konfigurationsdatei Server { listen 80...
Detaillierte Erläuterung der Verwendung von Docker-Tag und Docker-Push
Detaillierte Erklärung des Docker-Tags Die Verwen...
JavaScript-Canvas zum Erzielen eines Regentropfeneffekts
In diesem Artikelbeispiel wird der spezifische Co...
Lösung zur Verwendung von html2canvas zum Verarbeiten von Dom-Elementen mit Baidu-Map in Bilder
Problem 1: Baidu Map verwendet gekachelte Bilder ...
Nutzungs- und Leistungsoptimierungstechniken für die Aggregatfunktion „count“ in MySQL
Die Umgebung dieses Artikels ist Windows 10 und d...
Methoden und Techniken zum schnellen Anzeigen von Webseitenbildern
1. Verwenden Sie .gifs statt .jpgs. GIFs sind im ...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.22 unter Windows 10
Grafisches Tutorial zur Installation und Konfigur...
Freigabe der schnellen Wiederherstellungslösung für große MySQL-SQL-Dateien
Vorwort Bei der Verwendung einer MySQL-Datenbank ...
Der Unterschied und die Verwendung von Strg+z, Strg+c und Strg+d in Linux-Befehlen
Was bedeutet Strg+C, Strg+D, Strg+Z in Linux? Str...
Tutorial zur Konfiguration und Verwendung des MySQL-Protokolls für langsame Abfragen
Vorwort Das MySQL Slow Query Log ist eine Funktio...
Analyse des Unterschieds zwischen der Verwendung von Left Join-Einstellungsbedingungen in „on“ und „where“ in MySQL
Dieser Artikel veranschaulicht anhand von Beispie...
Verwendung der JavaScript-Sleep-Funktion
Inhaltsverzeichnis 1. Schlaffunktion 2. setTimeou...
MySQL-Abfragebaumstrukturmethode
Inhaltsverzeichnis MySQL-Abfragebaumstruktur 1. Ü...
So ändern Sie den vorherigen Befehl, wenn in der MySQL-Eingabeaufforderung ein Eingabefehler auftritt
Inhaltsverzeichnis Aktuelle Themen Lösungsprozess...
Zusammenfassung der Unterschiede zwischen HTML, SHHTML und XHTML
Zum Beispiel: <u> Dies hat kein Endzeichen u...