HTML- Einführung
HTML ist die Standardauszeichnungssprache zum Erstellen von Webseiten.
Was ist HTML?
- HTML steht für Hyper Text Markup Language
- HTML ist die Standardauszeichnungssprache zum Erstellen von Webseiten
- HTML beschreibt die Struktur einer Webseite
- HTML besteht aus einer Reihe von Elementen
- HTML-Elemente teilen dem Browser mit, wie der Inhalt angezeigt werden soll
- HTML-Elemente kennzeichnen Inhalte wie „Dies ist eine Überschrift“, „Dies ist ein Absatz“, „Dies ist ein Link“ usw.
Ein einfaches HTML-Dokument
Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Beispiel erklärt
- Die
<!DOCTYPE html>Deklaration definiert, dass dieses Dokument ein HTML5-Dokument ist - Das
<html>Element ist das Wurzelelement einer HTML-Seite - Das
<head>Element enthält Metainformationen über die HTML-Seite - Das
<title>Element gibt einen Titel für die HTML-Seite an (der in der Titelleiste des Browsers oder im Tab der Seite angezeigt wird) - Das
<body>Element definiert den Hauptteil des Dokuments und ist ein Container für alle sichtbaren Inhalte wie Überschriften, Absätze, Bilder, Hyperlinks, Tabellen, Listen usw. - Das
<h1>Element definiert eine große Überschrift - Das
<p>Element definiert einen Absatz
Was ist ein HTML-Element?
Ein HTML-Element wird durch ein Start-Tag, etwas Inhalt und ein End-Tag definiert:
Das HTML - Element ist alles vom Start-Tag bis zum End-Tag:
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
Hinweis: Einige HTML-Elemente haben keinen Inhalt (wie das <br>-Element). Diese Elemente werden leere Elemente genannt. Leere Elemente haben kein Endtag!
Internetbrowser
Der Zweck eines Webbrowsers (Chrome, Edge, Firefox, Safari) besteht darin, HTML-Dokumente zu lesen und korrekt anzuzeigen.
Ein Browser zeigt die HTML-Tags nicht an, verwendet sie jedoch, um zu bestimmen, wie das Dokument angezeigt werden soll:
HTML-Seitenstruktur
Unten sehen Sie eine Visualisierung einer HTML-Seitenstruktur:
Hinweis: Der Inhalt im Abschnitt <body> (der weiße Bereich oben) wird in einem Browser angezeigt. Der Inhalt innerhalb des <title>-Elements wird in der Titelleiste des Browsers oder im Tab der Seite angezeigt.
HTML-Verlauf
Seit den Anfängen des World Wide Web gab es viele Versionen von HTML:
| Year | Version |
|---|---|
| 1989 | Tim Berners-Lee invented www |
| 1991 | Tim Berners-Lee invented HTML |
| 1993 | Dave Raggett drafted HTML+ |
| 1995 | HTML Working Group defined HTML 2.0 |
| 1997 | W3C Recommendation: HTML 3.2 |
| 1999 | W3C Recommendation: HTML 4.01 |
| 2000 | W3C Recommendation: XHTML 1.0 |
| 2008 | WHATWG HTML5 First Public Draft |
| 2012 | WHATWG HTML5 Living Standard |
| 2014 | W3C Recommendation: HTML5 |
| 2016 | W3C Candidate Recommendation: HTML 5.1 |
| 2017 | W3C Recommendation: HTML5.1 2nd Edition |
| 2017 | W3C Recommendation: HTML5.2 |
Dieses Tutorial folgt dem neuesten HTML5-Standard.