Aufbau einer einfachen Webseite


<!DOCTYPE html>
<html>
  <head>
    <title>Meine Webseite</title>
  </head>
  <body>
    <h1>Willkommen auf meiner Webseite</h1>
  </body>
</html>

HTML bedeutet Hypertext Markup Language.

Eine Webseite besteht aus einem html Tag. In diesem Tag sind <head> und <body> Tags enthalten. Der <head> Tag enthält Metadaten und Informationen über die Webseite. Der <body> Tag enthält den Inhalt der Webseite.

<!DOCTYPE html> ist ein Dokumenttyp-Deklaration. Diese Deklaration wird verwendet, um den Browser darüber zu informieren, welche HTML-Version verwendet wird.

Wie gelangt eine HTML Datei in einen Browser?

1. Von einem Server über das Netzwerk

Die HTML Datei wird auf einem Server abgelegt. Der Browser schickt eine Anfrage an den Server und es wird eine Verbindung aufgebaut. Der Server sendet daraufhin die HTML Datei an den Browser.

2. Die Seite ist in einem Verzeichnis

HTML Datein können auch geöffnet werden, indem man die Datei mit einem Browser öffnet. Dafür kann man einfach die html Datei in den Browser per Drag&Drop ziehen oder per Doppelklick.

Was macht der Browser?

Er interpretiert die HTML Datei und zeigt den Inhalt an.
Das Ziel ist es die Datei anzuzeigen, egal ob korrekt oder nicht.
Die Datei wird dann vom Browser in ein DOM (Document Object Model) umgewandelt.
Nicht jeder Browser stellt die Datei gleich dar.

Was ermöglichen CSS und JavaScript?

CSS ermöglicht es, die Darstellung der Webseite zu ändern. Hiermit lassen sich Farben, Schriften bearbeiten oder die Anordnung der Elemente auf einer Webseite.

JavaScript ermöglicht es, die Webseite zu interaktiv zu machen. Es ist die Programmiersprache, die vom Browser interpretiert wird. Mit JavaScript lässt sich das DOM verändern.

Jeder Browser nutzt seine eigene JavaScript Engine.

Chrome, Edge, Opera: V8
Firefox: SpiderMonkey
Safari: JavaScriptCore