HTML - Einführung

HTML (Hyper Text Markup Language) ist die Standard Markup Sprache für das Erstellen für Webseiten.

Es beschreibt die Struktur und beinhaltet den Inhalt einer Webseite. Mithilfe von verschiedenen Tags (z.B.: <h1>) wird der Inhalt beschrieben (Überschrift, Paragraph, Link, Bild,…) und der Browser weiß, wie er diesen anzeigen soll.

Grundgerüst

Das Grundgerüst besteht aus einigen wenigen Elementen (Tags) und sieht wie folgt aus:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Page Title</title>
  </head>
  <body>
 
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
 
  </body>
</html>

Erklärung der Elemente

<!DOCTYPE html> deklariert dieses Dokument als HTML-Dokument
<html> ist das Wurzelelement einer Webseite
<head> beinhaltet alle Meta-Informationen der Webseite
<meta charset=„utf-8“> definiert, dass der geschriebene Inhalt im Dokument den Zeichensatz utf-8 verwendet
<title> beinhaltet den Titel der Seite (Text im Tab)
<body> definiert den Inhaltsbereich der Webseite und ist gleichzeitig der Container für alle sichtbaren Inhalte (Überschrift, Paragraphen, Titel, Bilder, Links, Tabellen, Listen,…)
<h1> definiert die größte Überschrift
<p> definiert einen Paragraphen

Was ist ein HTML-Element?

Ein HTMl-Element beinhaltet meist einen öffnenden Tag, den Inhalt und ein schließendes Tag.

z.B.:

<h1> My First Heading </h1>
 
<p>My first paragraph.</p>

Dennoch gibt es immer wieder Ausnahmen, die kein schließendes Tag besitzen. z.B.:

<br>

HTML - Einführung

Grundgerüst

Erklärung der Elemente

Was ist ein HTML-Element?

HTML Seitenstruktur