HTML-Basiskurs - Allgemeines

HTML (Hypertext Markup Language) ist die Seitenbeschreibungssprache des WWW. HTML dient in erster Linie der Formatierung von Textdokumenten. Layouts lassen sich damit nur umständlich entwickeln. Das Erzeugen von grafischen Elementen ist so gut wie nicht möglich, aber es lassen sich Bilder in ein HTML-Dokument einbinden.

Was in einer Word-Datei im Hintergrund immer mit abgespeichert wird (Textformatierungen, Absätze, etc.) wird in einer HTML-Datei selbst von Hand programmiert. Wie der Text auf der Programmieroberfläche aussieht, spielt zunächst überhaupt keine Rolle, denn die Umsetzung der HTML-Befehle übernimmt ein Browser.

Grundgerüst eines HTML-Dokuments

Die Bereiche des Dokuments

Head: beinhaltet Informationen über die Autoren, Erstellungsdaten (sog. Meta-Tags), Angaben für Suchmaschinen, Befehle für den Server/Browser.

Body: hier steht der eigentliche sichtbare Inhalt des Dokuments.

Befehlsarten (Tags)

einfache Befehle:

zum Beispiel:

<br> (erzeugt einen Zeilenumbruch)

<img src="bild.gif"> (fügt ein Bild ein)

Containerbefehle:

Containerbefehle bestehen aus zwei Teilen und umschließen den Bereich, für den der Befehl gilt.

Zum Beispiel:

<font size="2">Textbeispiel</font> (setzt die Schriftgröße für einen Text fest)

Meta-Tags

Meta-Tags enthalten allgemeine Angaben über die Seite, die sich an Browser, Server oder Suchmaschinen richten. Angaben zu "keywords" übermitteln z.B. Stichwörter über den Inhalt einer Seite an Suchmaschinen. Mit dem Meta-Tag "description" wird die Seite beschrieben. Diese Beschreibung erscheint den AnwenderInnen, wenn die Seite bei einer Suchmaschine als Treffer ausgegeben wird.

<typolist>Stichworte festlegen:</typolist>

<typolist>Beschreibung der HTML-Seite:</typolist>

Umlaute

Umlaute und Sonderzeichen werden nicht richtig dargestellt, außer wenn im Head des Dokuments angegeben ist, dass das Dokument der Norm entspricht, die den westlich-europäischen Zeichensatz sicherstellt:

Nur sehr alte Browser haben trotzdem Probleme bei der Darstellung von Umlauten. Um diesen Umstand zu berücksichtigen, können die Umlaute und Sonderzeichen folgendermaßen umgeschrieben werden:

ä = ä

Ä = Ä

ö = ö

Ö = Ö

ü = ü

Ü = Ü

ß = ß

=   (geschütztes Leerzeichen)

Farben

Farben werden in Form von Hexadezimalwerten angegeben. Als Grundlage dienen dazu die Farben Rot, Grün und Blau.

So wird ein sattes Rot mit der Zahlen/Buchstabenfolge "FF0000" dargestellt. FF entspricht in der Hexadezimalzählung (0 - 15 = 0 - F) dem Wert 16 X 16 - 1, also 255. Ein tiefes Blau entspricht damit "0000FF". Alle drei Farben lassen sich mischen und dabei entstehen sämtliche Zwischentöne.

Setzt man die Intensität aller Farben gleich hoch, ergibt sich ein Weiß ("FFFFFF"), setzt man sie auf 0 (Null), ergibt sich ein Schwarz ("000000"); (additive Farbmischung!).

rot	grün	blau
256 Abstufungen	256 Abstufungen	256 Abstufungen
16 X 16	16 X 16	16 X 16
FF	FF	FF

Im Weiteren werden immer wieder Farbanwendungen auftauchen. Damit Farben richtig programmiert sind, sollte vor der Angabe eines Farbwertes ein # gesetzt werden: "#00FF00".

Linktipp Ausführliche Informationen zu HTML bietet die die Seite Selfhtml.

Weiter zu: Struktur eines Internetprojekts

Autor: Andreas Konitzer

Dieser Text ist unter einer Creative-Commons-Lizenz lizenziert. Sie dürfen den Inhalt vervielfältigen, verbreiten und bearbeiten, wenn Sie den Namen des Autors nennen und den Text unter den gleichen Lizenzbedingungen weitergeben. Bitte beachten Sie, dass die Bilder anderen urheberrechtlichen Bestimmungen unterliegen.