# HTML-Beispieldokument

- Überschriften
- Textattribute, Formatierung
- Listen, Aufzählungen
- Zeichensatz
- Bilder
- Tabellen
- Formulare
- Netscape Erweiterungen

### Überschriften

Es gibt folgende Stufen von Überschriften:

# Stufe 1

## Stufe 2

### Stufe 3

#### Stufe 4

##### Stufe 5

###### Stufe 6

### Text Attribute, Formatierung

Text kann fett, italic, fett und italic und als `Typewriter, fett, italic, fett und italic` dargestellt werden. Texte können auch in einer größeren oder kleineren Schrift dargestellt werden.

#### Zentrierte Überschrift

Auch Absätze können zentriert werden.
Bla bla bla blubb...
H2O, y=x2

#### Rechtsbündige Überschrift

Auch Absätze können rechtsbündig ausgegeben werden.
Bla bla bla blubb...

Jetzt wieder ein normaler linksbündiger Text. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb.

> Dieser Absatz wird eingerückt. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb.

    Dieser Abschnitt wird nicht umformatiert...

                  () ()
                    |
                  \___/

### Listen, Aufzählungen

Es gibt drei Arten von Listen:

Die Elemente besitzen keine Ordnung...

- Element 1
- Element 2
- Element 3

Die Elemente werden nummeriert...

1. Element 1
2. Element 2
3. Element 3

Und so etwas gibt es auch...

Bit
  kleinste Informationseinheit (0 oder 1)
RAM
  Random Access Memory
ROM
  Read Only Memory

Gemischt funktioniert es auch...

1. Element 1
2. Element 2
   - Element 1
   - Element 2
     - Element 1
     - Element 2
3. Element 3
4. Element 4

### Zeichensatz

ISO-Latin-1 Zeichensatz:

     !"#$%&'()*+,-./0123456789:;<=>?
    @ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_
    `abcdefghijklmnopqrstuvwxyz{|}~
     ¡¢£¤¥¦§¨©ª«¬®¯°±²³´µ¶·¸¹º»¼½¾¿
    ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖ×ØÙÚÛÜÝÞß
    àáâãäåæçèéêëìíîïðñòóôõö÷øùúûüýþÿ

### Bilder

Auch Bilder können in HTML-Dokumente integriert werden.

Bild zentriert

Text oben
Text zentriert
Text unten
Text wird rechts neben dem Bild dargestellt. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb.
Text wird links neben dem Bild dargestellt. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb. Bla bla bla blubb.

### Tabellen

Tabelle 1
Programm | Version | Zweck
--- | --- | ---
OCR | 1.4c | Texterkennung
CD-Player | 1.3d | Spielt Audio-CDs
CAB | 1.0 | WWW/HTML-Browser

Tabelle 2
Speisekarte
Getränke | Cola | 2,50 DM
Apfelsaft | 2,30 DM
Bier | 2,70 DM
Vorspeisen | Eis | 5,50 DM
Pudding | 4,25 DM
Hauptgerichte | Spaghetti | 15,90 DM
Pizza | 9,25 DM
Paella | 12.50 DM

### Formulare

          Name:
       Vorname:
        Straße:
           PLZ:  Ort:

         Hobby:

        Urteil: CAB finde ich

         Alter:  1-20   21-50   51-80   über 80

     Sonstiges:  Verheiratet   Autofahrer

    Mitteilung:

### Netscape Erweiterungen

Es werden die folgenden Befehle (tags) unterstützt, die zwar nicht Bestandteil von HTML sind, aber vom weitverbreiteten Netscape-Browser verstanden werden.

- <CENTER> ... </CENTER> zum Zentrieren von Textabschnitten
- <NOBR> ... </NOBR> schaltet den Zeilenumbruch aus
- <BODY BGCOLOR=#rrggbb TEXT=#rrggbb LINK=#rrggbb> zum Setzen der Farben in einem Dokument
- <BASEFONT SIZE=n> zum globalen Festlegen der Schriftgröße
- <FONT SIZE=[+|-]n> ... </FONT> zum Festlegen der Schriftgröße (absolut oder relativ zur normalen Größe)

Beispiele:

Diese Zeile wurde mit <NOBR> und </NOBR> umschlossen und wird demnach nicht umgebrochen. Sie müssen daher den horizontalen Slider des Fensters benutzen, um sie komplett zu lesen.

Die Fontgröße kann man verkleinern und auch vergrößern.