Coder Wiki | HowTos | Kleine Einführung in HTML

HTML steht für "Hypertext Markup Language", ist also eine Sprache zur Auszeichnung von Hypertext. HTML ist also nur für die Auszeichnung des Hypertexts, sprich die Struktur der Website, zuständig; für dessen grafische Aufwertung gibt es CSS (Cascading Style Sheets).

In der Entwicklung des Webs war das nicht immer klar. In älteren HTML-Versionen (bis zu 3.1) enthielt HTML sowohl Auszeichnungselemente als auch solche, die das äußere Erscheinungsbild bestimmen sollen. Seit HTML 4.0 bemüht man sich allerdings wieder Design von Struktur zu trennen. Dies geschieht mittels CSS. Als Entwickler einer Website sollte man sich daran orientieren, auch deshalb, weil CSS in vielen Punkten den Bau einer grafisch ansprechenden Website sehr vereinfacht.

Um Inhalt auf einer Webseite wiederzugeben, ist zunächst nur HTML notwendig. Um diese Webseite grafisch aufzuwerten, ist CSS sehr hilfreich, aber es ist nicht sinnvoll CSS zu lernen, wenn man HTML nicht beherrscht. Von Javascript ?, das dazu dient, der Webseite ein paar dynamische Effekte hinzuzufügen, ganz zu schweigen. Aus diesem Grunde werden wir uns zunächst HTML widmen.

Anfänge in HTML: Hallo Welt!

[Get Code]

GeSHi Error: GeSHi could not find the language html (using path /var/www/clients/client1/web3/web/cookbook/geshi/geshi/) (code 2)

Der obenstehende Quelltext gibt den Text "Hallo Welt!" aus. Selbiges würde auch in der linkeren oberen Zeile ihres Browsers stehen, wenn sie solch ein Dokument darin öffnen. Auf den ersten Blick mag ein solcher Quelltext für den ein oder anderen etwas kompliziert aussehen, aber wenn man einen genaueren Blick darauf wirft, ist es doch einfacher als man womöglich gedacht hat. Der Quelltext beginnt mit der Definierung des Doctypes ?. Dieser bestimmt die verwendete HTML-Version, in unserem Beispiel HTML 4.01 Transitional. An dieser Stelle sei die Existenz von XHTML definiert, dem Nachfolger von HTML, der sich an XML orientiert. An dieser Stelle arbeiten wir aber mit gewöhnlichem HTML. Das Element "<html>" signalisiert den Beginn des HTML-Quelltextes. Wenn Sie in die letzte Zeile unseres Quelltextes schauen, entdecken sie dort ein "</html>". Dieses signalisiert das Ende des HTML-Quelltextes. Sie können daran erkennen, dass HTML-Elemente, genannt Tags, in spitzen Klammern stehen und oft durch die Wiederholung desselben mit einem Slash nach der ersten Klammer wieder aufgelöst werden. Dasselbe Prinzip entdecken Sie auch bei <head></head>, <title></title>, <body></body> und <p></p> in unserem Beispiel.

Während zwischen <head></head> die Kopfdaten der Seite genannt werden, wie z.B. der Titel der Seite zwischen <title></title> (der allerdings nur in der linkeren oberen Leiste des Browsers sichtbar wird), schreibt man zwischen <body></body>, also in den "Körper" des Quelltextes, das eigentliche Sichtbare der Seite hinein. Dies ist in unserem Falle ein Absatz (<p> steht für p=paragraph), der den Inhalt "Hallo Welt!" erklärt.

So sind HTML-Seiten vom Prinzip her aufgebaut. Wissenswert sind jetzt noch die einzelnen Elemente, außerdem die Attribute, die die einzelnen Elemente haben.

Coder How To's

Kleine Einführung in HTML

Anfänge in HTML: Hallo Welt!