HTML Einleitung und Vorwort

Was ist HTML?

HTML ist die Hypertext-Auszeichnungssprache zum erstellen von Webseiten, digitalen Dokumenten und deren Grundgerüst als strukturiertem Aufbau.

  • HTML steht für Hypertext Markup Language zu Deutsch übersetzt : Hypertext-Auszeichnungssprache

  • HTML beschreibt die Struktur von Webseiten oder digitalen Dokumenten mit einem Grundgerüst Aufbau(Markup)

  • HTML-Elemente sind die Bausteine ​​von HTML-Seiten und Dokumenten

  • HTML-Elemente werden durch HTML Tags dargestellt

  • HTML-Tags kennzeichnen Inhaltselemente wie zum Beispiel "Überschriften", "Absätze", "Tabellen" und so weiter

  • Browser zeigen die HTML-Tags nicht an, sondern verwenden diese, um den Inhalt der Webseite zu rendern bzw. passig auszugeben für das Auge des Betrachters


Ein einfaches HTML Dokument

Demo Beispiel

Demo Beispiel Erklärung

  • Die <!DOCTYPE html> Deklaration, definiert dieses digitale Dokument als HTML5

  • Das <html> Element, ist das Haupt(root) Element einer HTML-Seite bzw. eines Dokumentes

  • Das <head> Element, enthält meta Informationen über das Dokument

  • Das <title> Element, gibt einen Titel für das Dokument an

  • Das <body> Element, enthält den fürs Auge sichtbaren Inhalt des Dokumentes

  • Das <h1> Element, definiert eine große Überschrift

  • Das <p> Element, definiert einen Absatz bzw Paragraphen


HTML Tags

HTML Tags sind Elementnamen, welche von spitzen Klammern(<elementnamenbeispiel>) umgeben sind.HTML Tags beginnen meistens mit einem öffnenden <offen> HTML Tag, gefolgt von dem HTML Tag Inhalt und zum Abschluss ein schließendes <geschlossen> HTML Tag Element.

HTML Tag Beispiel

  • HTML Tags treten gewöhnlich paarweise auf.

  • Das erste Tag in diesem Paar ist das sogenannte offene Start Tag, das zweite Tag in diesem Paar ist das geschlossene End Tag.


Webbrowser

Der Zweck eines Webbrowsers (Chrome, IE, Firefox, Safari) besteht darin, HTML-Dokumente zu lesen und diese anzuzeigen.

Der Webbrowser zeigt die HTML-Tags nicht 1 zu 1 an, sondern verwendet sie, um zu bestimmen, wie das Dokument angezeigt wird.


HTML Seiten Aufbau und Struktur

Dies ist ein visuelles Beispiel einer HTML Seitenstruktur.

<html>
<head>
<title>Seiten Titel</title>
</head>
<body>
<h1>Das ist eine Überschrift</h1>
<p>Das ist ein Paragraph.</p>
<p>Das ist ein anderer Paragraph.</p>
</body>
</html>

Die <!DOCTYPE> Deklaration

Die <!DOCTYPE> Deklaration, repräsentiert den Dokument Typen und hilft den Browsern, die Webseite korrekt darzustellen.

Die <!DOCTYPE> Deklaration muss lediglich einmal auf einer Webseite auftauchen(Vor allen anderen HTML Elementen), sprich am Anfang des HTML Dokumentes.

Die <!DOCTYPE> Deklaration ist nicht an Groß- oder Kleinschreibung gebunden und unterscheidet nicht zwischen Groß- und Kleinschreibung.

Die HTML5 <!DOCTYPE> Deklaration ist :


HTML Typen/Versionen

Seit den Anfängen des World Wide Web, entstanden und entwickelten sich eine menge HTML Versionen.

Version Jahr
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014
Zurück Nächste Lektion