HTML-Layout

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.

HTML-Layout-Beispiel

Sie können sehen, dass viele Dinge auf dieser Indexseite geschrieben sind. Unter ihnen werden wir nur die folgenden HTML-Tags besprechen:

HTML-Layout

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:

HTML-Layout-Ausgabe

 

Hinterlassen Sie eine Nachricht

Diese Seite verwendet Akismet, um Spam zu reduzieren. Erfahren Sie, wie Ihre Kommentardaten verarbeitet werden.