HTML (Hypertext Markup Language) ist eine der wichtigen “Sprachen” im Bereich der Informatik, mit deren Hilfe WWW-Dokumente (also Internet-Seiten) erstellt werden können. Bei der HTML handelt es sich um einen offenen Standard und die HTML Dokumente sind daher plattformunabhängig, d.h. sie können sowohl von einem Windows-PC als auch von einem Apple-PC dargestellt werden. HTML-Dokumente erkennt man an der Datei-Endung .html bzw. .htm.
Zuerst eimal sollte erwähnt werden, dass diese Hypertext Markup Language (kurz HTML) keine Programmiersprache, sondern eine Dokumentenbeschreibungssprache ist. Trotzdem ist diese “Dokumentenbeschreibungssprache” eine sehr wichtige “Sprache”, denn alle Webseiten bestehen aus einem Grundgerüst aus HTML-Code.
Wie bereits erwähnt, sind HTML-Dokumente plattformunabhängig und können daher mit fast jedem beliebigen Textverarbeitungsprogramm angesehen bzw. bearbeitet werden (z.B. Notepad).
Das Bearbeiten von HTML-Dokumenten kann auch leicht gelernt werden. Bearbeitsungsprogramme sind beispielsweise HTML-Editor oder Notepad. Ein HTML-Dokument wird dabei in einen nicht angezeigten Bereich (den Head) und in einen (im Browser) sichtbaren Bereich (den Body) unterteilt.
Das HTML-Grundgerüst einer Webseite sieht damit wie folgt aus
Hier steht, was nachher im Browser erscheint.
Daneben sind auch einige Programme verfügbar, die bereits fertige HTMl-Dokumente erzeugen bzw. beim Erstellen von HTML-Dokumenten helfen ((z. B. Dreamweaver, Netscape Composer, FrontPage, Homepagebuilder). Deswegen spielt auch die Berherschung der HMTL eine untergeordnete Rolle.
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. | <b>…</b> | Der Inhalt wird fett dargestellt. |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. | <i>…</i> | Der Inhalt wird kursiv dargestellt. |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. | <u>…</u> | Der Inhalt wird unterstrichen. |
| <s>…</s> | Der Inhalt wird durchgestrichen dargestellt. | |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. | <blink>…</blink> | Der Inhalt wird blinkend dargestellt. |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. | <sup>…</sup> | Der Inhalt wird hochgestellt dargestellt. |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. | <sub>…</sub> | Der Inhalt wird tiefgestellt dargestellt. |
Wie bereits erwähnt, ist HTML eine Beschreibungssprache, mit der dem Webbrowser (wie z.B. Firefox oder Internet Explorer) “beschrieben” wird, wie eine Seite im Browser ausgegeben werden soll. Diese Webbrowser lassen sich jederzeit kostenfrei über das Internet herunterladen.
Neben verschiedenen Schriffttypen kann man mit HTML auch Layout-Typen erstellen, heute wird aber inzwischen meist eine weitere Sprache benutzt: Cascading Style Sheets (Kurz CSS). CSS definiert dabei das Layout von HTML-Dokumenten.
Weiterhin gibt es noch PHP, dass in HTML eingebettet werden kann und hauptsächlich zur Erstellung dynamischer Webseiten oder Webanwendungen verwendet wird.
Die Abkürzung HTML steht für Hypertext Markup Language.
Der Zweck von HTML ist es, die Struktur einer Webseite zu definieren und Webbrowsern zu sagen, wie eine Seite aussehen bzw. funktionieren soll.
Ein HTML-Element hat normalerweise einen öffnenden und einen schließenden Tag.
Attribute sind zusätzliche Informationen zu HTML-Elementen. Sie werden innerhalb des öffnenden Tags eingefügt und bestehen normalerweise aus einem Namens-Wert-Paar.
Einige grundlegende HTML-Elemente sind <b> (für fettgedruckten Text), <i> (für kursiven Text), <a> (für Links) und <img> (für Bilder).
Ein HTML-Tag ist eine Anweisung, die von HTML verwendet wird, um zu definieren, wie der Inhalt innerhalb des Tags dargestellt oder ausgeführt werden soll.
Das Format eines HTML-Dokuments beinhaltet in der Regel ein <html> Tag sowie <head> und <body> Bereich. Es kann auch andere Elemente wie <title>, <h1>-<h6> (für Überschriften) und <a> (für Links) enthalten.
Ein Blockelement nimmt die volle Breite verfügbar und hat einen Zeilenumbruch vor und nach dem Element, während ein Inline-Element nur so viel Platz nimmt, wie es benötigt und keinen Zeilenumbruch hat.
In HTML verwenden Sie das <a> Element, ein sogenanntes Anker-Element, um einen Link zu setzen. Das Attribut “href” des <a> Elements verwendet man, um den Zielpfad des Links zu bestimmen.
Zum Einfügen eines Bildes nutzen Sie das <img> Element. Das “src” Attribut definiert den Pfad zur Bilddatei und das “alt” Attribut bietet einen alternativen Text als Beschreibung des Bildes.