zurück zur Homepage von HTML-Kenntnisse
Was muß ich von HTML noch wissen?

Home
Grundbegriffe
Planung
HTML-Kenntnisse
Musterseite
Beispielschule
Webdesign
Grafik
Audio
Veröffentlichung
Aktualisierung
Werkzeuge
  Auch wenn sich WYSIWYG-Editoren ("What you see is what you get") wie Netscape-Composer und Microsoft-Frontpage immer mehr durchsetzen, müssen Sie zur Überarbeitung der Seiten ein Grundwissen der Sprache HTML besitzen. Diese Kurzerläuterung ist natürlich nicht ausreichend, sie muß ergänzt werden durch Literatur oder einen HTML-Kurs im HTML-Format, wie z.B. der inzwischen wohl schon zum Standard gewordene Kurs von Stefan Münz und die Aktualisierungen dazu. Er ist auch von unserem ftp-Bereich ladbar.

Sprachelemente von HTML

Grundbaustein vom HTML sind Tags (Einzahl Tag, engl. Etikett, Preisschild, fangen, hier am besten übersetzt mit "auszeichnen" - ein Textelement oder Block wird mit einer Eigenschaft ausgezeichnet, versehen).

In den meisten Fällen treten Tags paarweise auf, als öffnende und schließende Klammer:

Eine Überschrift (Header) der Größe1: <H1> Text der Überschrift </H1>

Die schließende Klammer hat jeweils die Ergänzung "/" nach dem "<"-Zeichen.

Tags können geschachtelt sein:

<CENTER> <H1> Text der Überschrift </H1> </CENTER> ist gleichwertig zu
<center> <h1> Text der Überschrift </h1> </center>, denn Klein- und Großschreibung werden nicht unterschieden.

Das Grundgerüst eines HTML-Dokuments hat folgende Form:

<HTML> (Beginn eines HTML-Dokuments)

<HEAD> (Beginn des Dokumentenkopfes)

Dokumentenkopf: Titel, META-Tags, ...

</HEAD> (Ende des Kopfes)

<BODY> (hier beginnt der Rumpf, was wird im Browserfenster dargestellt)

</BODY> (Ende des Rumpfes)

</HTML> (Ende des HTML-Dokuments)

Was HTML zur Hypertextsprache macht, sind die Einbindungen anderer Quellen (z.B. Bilder) oder Verweise/Links auf weitere HTML-Dateien, Ton, Film, ...

ein Bild: <IMG SRC="../bilder/maus.gif"> ("image source")

besser mit Höhe, Breite und alternativem Text: <IMG SRC="../bilder/maus.gif" HEIGHT="35" WIDTH="60" ALT="meine Lieblingsmaus">

eine Datei: <A HREF="zweiteseite.html"> Linktext </A>

oder beides geschachtelt - das Bild als Link:

<A HREF="zweiteseite.html"><IMG SRC="../bilder/maus.gif"></A>

Beachten Sie, daß Leerzeichen (mehr als eins), Tabulatoren und Zeilenendezeichen ignoriert werden, Sie müssen selbst für die Strukturierung des Textes sorgen: <br> (break) - Zeilenumbruch, <p> (paragraph) - Absatz.

einfache Musterseite       HTML-Quelltext dazu


[ zum Seitenanfang | Home | Grundbegriffe | Planung | HTML | Musterseite | Beispielschule
| Webdesign | Grafik | Audio | Veröffentlichung | Aktualisierung | Werkzeuge ]
Jürgen Frank - letzte Änderung: 6.1.99