HTML Dokument

Aufbau eines HTML-Dokumentes

  <!DOCTYPE html>
  <html>
    <head>
      <meta charset="utf-8">
      <title>Meine Testseite</title>
    </head>
    <body>
      <img src="images/logo.png" alt="Mein Testbild">
    </body>
  </html>

<!DOCTYPE html> — der Dokumenttyp. Diese Zeile teilt dem Webbrowser mit, in welcher Version von HTML das Dokument verfasst wurde. Die einfache html Definition steht für HTML5. Für ältere Versionen wurden längere und spezifischere Tags verwendet. (siehe thoughtco.com)

<html></html> — das <html> Element. Dieses Element umhüllt den ganzen Inhalt. Manchmal wird es auch als root-Element bezeichnet.

<head></head> — das <head> Element. In dieses Element ist alles eingeschlossen, was nicht auf der Seite angezeigt wird. Dies enthält Informationen wie Schlüsselwörter, eine Seitenbeschreibung, welche in Suchmaschinen erscheint, CSS um unseren Inhalt zu designen, usw.

<body></body> — das <body> Element. Dies beinhaltet alles, was die Betrachter sehen, wenn sie die Website besuchen, egal ob Text, Bilder, Videos, Audiodateien, usw.

<meta charset="utf-8"> — Dieses Element setzt die Zeichenkodierung deines Dokuments auf utf-8, in der die Schriftzeichen von fast allen Sprachen enthalten sind. Umlaute wie Ä und Ü werden ohne dieses Tag evtl. nicht richtig angezeigt.

<title></title> — Dies setzt den Titel der Seite, welcher im Tab angezeigt wird. Dieser wird auch gebraucht, wenn jemand ein Lesezeichen erstellt.

Last updated

Was this helpful?