Hintergründig!

Hinter dem Internet ist das Hinternet.

Dies hat nichts zu sagen.

Im Kinderzimmer herrscht das Kindernet.

Sie kennen sicher die Einstiegsseite zu SELFHTML
Aber kennen Sie auch die CPAN-Module?
Oder die Sprachenkürzel?

Großer roter Text mit schwarzem Schatten

Großer blauer Text mit schwarzem Schatten

Beispieltext mit Schrift: bold 12pt Times

Beispieltext mit Schrift: italic 1cm Helvetica

Beispieltext mit Schrift: small-caps 14pt Verdana

kleiner Beispieltext mit mit Schriftstil italic
großer Beispieltext mit mit Schriftstil italic

Aufzählungsliste <ul> mit Darstellungstyp disc

Aufzählungsliste <ul> mit Darstellungstyp circle

Aufzählungsliste <ul> mit Darstellungstyp square

Aufzählungsliste <ul> mit Darstellungstyp none

Nummerierte Liste <ol> mit Darstellungstyp decimal

  1. Tagesordnung
  2. Pause
  3. Vorbesprechung
  4. Mittagessen
  5. Vortrag zum Thema "Komme nie zu früh zur Sache!"
  6. Pause
  7. Gemütlicher Ausklang

Nummerierte Liste <ol> mit Darstellungstyp lower-roman

  1. Tagesordnung
  2. Pause
  3. Vorbesprechung
  4. Mittagessen
  5. Vortrag zum Thema "Komme nie zu früh zur Sache!"
  6. Pause
  7. Gemütlicher Ausklang

Nummerierte Liste <ol> mit Darstellungstyp upper-roman

  1. Tagesordnung
  2. Pause
  3. Vorbesprechung
  4. Mittagessen
  5. Vortrag zum Thema "Komme nie zu früh zur Sache!"
  6. Pause
  7. Gemütlicher Ausklang

Nummerierte Liste <ol> mit Darstellungstyp lower-alpha

  1. Tagesordnung
  2. Pause
  3. Vorbesprechung
  4. Mittagessen
  5. Vortrag zum Thema "Komme nie zu früh zur Sache!"
  6. Pause
  7. Gemütlicher Ausklang

Nummerierte Liste <ol> mit Darstellungstyp upper-alpha

  1. Tagesordnung
  2. Pause
  3. Vorbesprechung
  4. Mittagessen
  5. Vortrag zum Thema "Komme nie zu früh zur Sache!"
  6. Pause
  7. Gemütlicher Ausklang

Nummerierte Liste <ol> mit Darstellungstyp lower-greek

  1. Tagesordnung
  2. Pause
  3. Vorbesprechung
  4. Mittagessen
  5. Vortrag zum Thema "Komme nie zu früh zur Sache!"
  6. Pause
  7. Gemütlicher Ausklang

Nummerierte Liste <ol> mit Darstellungstyp hebrew

  1. Tagesordnung
  2. Pause
  3. Vorbesprechung
  4. Mittagessen
  5. Vortrag zum Thema "Komme nie zu früh zur Sache!"
  6. Pause
  7. Gemütlicher Ausklang

Nummerierte Liste <ol> mit Darstellungstyp decimal-leading-zero

  1. Tagesordnung
  2. Pause
  3. Vorbesprechung
  4. Mittagessen
  5. Vortrag zum Thema "Komme nie zu früh zur Sache!"
  6. Pause
  7. Gemütlicher Ausklang

Nummerierte Liste <ol> mit Darstellungstyp cjk-ideographic

  1. Tagesordnung
  2. Pause
  3. Vorbesprechung
  4. Mittagessen
  5. Vortrag zum Thema "Komme nie zu früh zur Sache!"
  6. Pause
  7. Gemütlicher Ausklang

Nummerierte Liste <ol> mit Darstellungstyp hiragana

  1. Tagesordnung
  2. Pause
  3. Vorbesprechung
  4. Mittagessen
  5. Vortrag zum Thema "Komme nie zu früh zur Sache!"
  6. Pause
  7. Gemütlicher Ausklang

Nummerierte Liste <ol> mit Darstellungstyp katakana

  1. Tagesordnung
  2. Pause
  3. Vorbesprechung
  4. Mittagessen
  5. Vortrag zum Thema "Komme nie zu früh zur Sache!"
  6. Pause
  7. Gemütlicher Ausklang

Nummerierte Liste <ol> mit Darstellungstyp hiragana-iroha

  1. Tagesordnung
  2. Pause
  3. Vorbesprechung
  4. Mittagessen
  5. Vortrag zum Thema "Komme nie zu früh zur Sache!"
  6. Pause
  7. Gemütlicher Ausklang

Nummerierte Liste <ol> mit Darstellungstyp katakana-iroha

  1. Tagesordnung
  2. Pause
  3. Vorbesprechung
  4. Mittagessen
  5. Vortrag zum Thema "Komme nie zu früh zur Sache!"
  6. Pause
  7. Gemütlicher Ausklang

Nummerierte Liste <ol> mit Listeneinrückung inside

  1. Tagesordnung
    zweizeilig
  2. Pause
    zweizeilig
  3. Vorbesprechung
    zweizeilig
  4. Mittagessen
    zweizeilig
  5. Vortrag zum Thema "Komme nie zu früh zur Sache!"
    zweizeilig
  6. Pause
    zweizeilig
  7. Gemütlicher Ausklang
    zweizeilig

Nummerierte Liste <ol> mit Listeneinrückung outside

  1. Tagesordnung
    zweizeilig
  2. Pause
    zweizeilig
  3. Vorbesprechung
    zweizeilig
  4. Mittagessen
    zweizeilig
  5. Vortrag zum Thema "Komme nie zu früh zur Sache!"
    zweizeilig
  6. Pause
    zweizeilig
  7. Gemütlicher Ausklang
    zweizeilig

Aufzählungsliste <ul> mit eigener Bullet-Grafik

Textabsatz mit Rahmendicke medium und Typ dotted.

Textabsatz mit Rahmendicke medium und Typ dashed.

Textabsatz mit Rahmendicke medium und Typ solid.

Textabsatz mit Rahmendicke medium und Typ double.

Textabsatz mit Rahmendicke 12px und Typ groove.

Textabsatz mit Rahmendicke 12px und Typ ridge.

Textabsatz mit Rahmendicke 12px und Typ inset.

Textabsatz mit Rahmendicke 12px und Typ outset.

Normaleinstellung
Haus Auto Boot
Spezialeinstellung (collapse)
Haus Auto Boot
Haus Auto Boot

Überschrift mal anders

Ein Überschrift muß nicht immer einen langweiligen, über die ganze Breite des Anzeigefensters gehenden Block erzeugen. Sie kann auch mal seitlich vom Text stehen, und der Text fließt um die Überschrift. Auch so kann man lange Texte mal anders gestalten als sonst üblich.

Die Überschrift zum Text

Hier der Text. Aber fehlt da nicht was?

Anzeigen!

Dies ist ein Bereich mit der Angabe cursor:crosshair. Fahren Sie mit der Maus über diesen Bereich.

Dies ist ein Bereich mit der Angabe cursor:pointer. Fahren Sie mit der Maus über diesen Bereich.

Dies ist ein Bereich mit der Angabe cursor:move. Fahren Sie mit der Maus über diesen Bereich.

Dies ist ein Bereich mit der Angabe cursor:e-resize. Fahren Sie mit der Maus über diesen Bereich.

Dies ist ein Bereich mit der Angabe cursor:ne-resize. Fahren Sie mit der Maus über diesen Bereich.

Dies ist ein Bereich mit der Angabe cursor:nw-resize. Fahren Sie mit der Maus über diesen Bereich.

Dies ist ein Bereich mit der Angabe cursor:n-resize. Fahren Sie mit der Maus über diesen Bereich.

Dies ist ein Bereich mit der Angabe cursor:sw-resize. Fahren Sie mit der Maus über diesen Bereich.

Dies ist ein Bereich mit der Angabe cursor:se-resize. Fahren Sie mit der Maus über diesen Bereich.

Dies ist ein Bereich mit der Angabe cursor:s-resize. Fahren Sie mit der Maus über diesen Bereich.

Dies ist ein Bereich mit der Angabe cursor:w-resize. Fahren Sie mit der Maus über diesen Bereich.

Dies ist ein Bereich mit der Angabe cursor:text. Fahren Sie mit der Maus über diesen Bereich.

Dies ist ein Bereich mit der Angabe cursor:wait. Fahren Sie mit der Maus über diesen Bereich.

Dies ist ein Bereich mit der Angabe cursor:help. Fahren Sie mit der Maus über diesen Bereich.

Dies ist ein Bereich mit der Angabe cursor:url(cursor.gif). Fahren Sie mit der Maus über diesen Bereich.

Ton in Ton

Den Text dieser Seite können Sie selber schreiben:

Text mit Blur-Effekt
Text mit Schattenwurf
Text mit Schatten
Glühender Text
Wave-Text

Dieser Textabsatz hat eine Texteinrückung von 0.5cm. Texteinrückungen dieser Art sind an die Ästhetik von Büchern oder Zeitungen angelehnt, wo häufig mit dieser Formatierung gearbeitet wird. Damit das auch wirklich sichtbar wird, enthält dieser Textabsatz schließlich noch diesen überflüssigen Satz, der sich aber hoffentlich wenigstens flüssig liest.

Dieser Textabsatz hat eine Texteinrückung von 1cm. Texteinrückungen dieser Art sind an die Ästhetik von Büchern oder Zeitungen angelehnt, wo häufig mit dieser Formatierung gearbeitet wird. Damit das auch wirklich sichtbar wird, enthält dieser Textabsatz schließlich noch diesen überflüssigen Satz, der sich aber hoffentlich wenigstens flüssig liest.

Dieser Textabsatz hat eine negative Texteinrückung von -1cm. Dem Textabsatz wurde außerdem mit margin-left ein Randabstand von 1cm links zugewiesen. Durch diesen Trick lassen sich also nicht nur Texteinrückungen, sondern auch Textausrückungen realisieren. Damit das auch wirklich sichtbar wird, enthält dieser Textabsatz schließlich noch diesen überflüssigen Satz, der sich aber hoffentlich wenigstens flüssig liest.