Einführung
In den vorheriger Artikel wir haben die Grundlagen von HTML und HTML-Tags erlernt. In diesem Artikel lernen wir die Grundlagen des HTML-Layouts. Es ist sehr wichtig, die Bedeutung der am häufigsten verwendeten Tags zu verstehen.
HTML-Layout
Wenn wir eine Website entwickeln und auf einem Webserver veröffentlichen, kann die Website über ihre URL aufgerufen werden, z www.w3schools.com. Wenn wir nun versuchen, diese Website zu öffnen, lädt sie standardmäßig index.html und es ist der Name, der als Homepage der Website verwendet wird.
Sie können sehen, dass viele Dinge auf dieser Indexseite geschrieben sind. Unter ihnen werden wir nur die folgenden HTML-Tags besprechen:
Anatomie eines HTML-Dokuments
Aus dem obigen Beispiel können wir ableiten, dass eine HTML-Seite Folgendes enthält:
- : Das Deklaration ist kein HTML-Tag. Es ist eine Anweisung an den Webbrowser bezüglich der HTML-Version, in der die Seite geschrieben ist. Daher muss sie das allererste Element in Ihrem HTML-Dokument sein. Deklaration ist für HTML5.
- : Das -Tag stellt den Stamm eines HTML-Dokuments dar, und Sie können auf das oben beschriebene DOM verweisen. Das -Tag teilt dem Browser mit, dass die geladene Seite ein HTML-Dokument ist.
- : Dies ist der Bereich, in dem wir all die Dinge platzieren, die nicht als Inhalt unserer Webseite sichtbar sind. Dazu gehören: CSS-Quelle, Skriptquelle, Meta-Tags usw.
- : Ob Ihre Webseite den Internet Explorer unterstützt oder nicht, wird mit . angegeben X-UA-Compatible und die Version ist im Inhalt definiert, hier ist sie IE=Kante.
- : UTF-8 ist eine Codierungsmethode, die Zeichen fast jeder geschriebenen Sprache umfasst. Da der Browser nur Englisch versteht, ist es wichtig, Unicode UTF-8 zu verwenden, um unserem Browser die Bedeutung eines Zeichens mitzuteilen.
- : Es wird verwendet, um den Titel unserer Webseite festzulegen und erscheint im Browser-Tab. Sie können sehen, dass „Google Mail-Anmeldung“ im Browser-Tab im Bild unten angezeigt wird.
- : Es wird verwendet, um unseren Webseitenbenutzern alle Inhalte anzuzeigen, und es umfasst Texte, Bilder, Videos, Audios und alles andere.
Der obige Code erzeugt die angegebene Ausgabe: