HTML-Beispieldokument für Textgestaltung

Ein Beispiel fuer ein dokumenteninternen Hyperlink

Hier finden Sie nähere Informationen über Tomaten.

Ein Beispiel fuer eine Absatzmarke

Obwohl das Schreiben von HTML-Dokumenten noch nicht zu den gängigen Einnahmeqellen gehört, verdienen doch viele Autoren ihren Zweiturlaub damit.

Und der Vorteil, es ist sooooo einfach...

Ein Beispiel fuer eine numerierte Liste

Zuchini hat folgende angenehme Eigenschaften:

Sie sind grün.
Sie sind knackig.
Sie schmecken grossartig in Salaten.

Ein Beispiel fuer eine eingerückte Liste

Noch ne Liste

Der erste Punkt.
Der erste Punkt.
- Der erste eingerückte Punkt.
- noch ein Punkt
  - Die nächste Stufe des Einrückens.

Ein Beispiel fuer eine beschreibende Liste

Ausdruck: Definition des Ausdrucks
Anderer Ausdruck: Definition dieses Ausdrucks

Ein Beispiel fuer eine Liste mit festem Typ

Listeneintrag
noch nen Listeneintrag
der versprochen letzte Listeneintrag

Ein Beispiel fuer vorformatierten Text

    Alles was hier    steht  wird                  | Gemuese | Farbe  |
       genau so ausgegeben wie es im               +---------+--------+
     Quellcode (mit Leerzeichen) formatiert ist.   | Moehren | rot    |

Hier mal ne Überschrift
    das ist eingerückter Text
         hier mal kleinerer Text noch mehr eingerückt

Ein Beispiel fuer Textformatierungen

Interessant, dachte sie. Der find-Befeh1 kann für fast alles verwendet werden!

Nein, das ist kein Witz. Das ist Textformatierung.

auch das ist möglich : x_1,2=y²+x³ allerding mathematisch ~~nicht~~ korrekt

So sieht der Quellcode von hello.c aus (das ist uebrigens Sperrschrift).

#include <stdio.h>
void main()
{
printf("Hallo Welt!");
}

Ein Beispiel fuer ein blinde Tabelle

Blinde Tabellen werden im Desktop Publishing (DTP) häufig eingesetzt, und die Anordnung von Text genau zu kontrollieren. Mit den Features der HTML-Tabellenfunktionen ist dies auch für Dokumente des World Wide Web öglich.

Mehrspaltensatz lockert die dargebotene Textinformation auf und sorgt für mehr Abwechselung am Bildschirm. Besonders für elektronische Magazine (e-zines) könnte dieses Feature interessant sein.

Auch bei der Plazierung von Bildern mit Hilfe von blinden Tabellen hat man viel Freiheit. Ü Sie mal!

Ein Beispiel fuer noch ein blinde Tabelle

Schadenfreude	Erstaunen	Skepsis	Betretenheit
ist die schönste Freude, kann aber Feinde schaffen	gebar die Philosophie, wird von Rechthabern immer wieder ätzt	ist bisweilen angebracht, sollte aber nicht das weitere Dazulernen behindern	ist sehr und unangenehm, währt aber nicht ewig

Ein Beispiel fuer ein Tabelle mit Tabellenkopf

Gemüse	Obst	Fleisch
Zuchini	Apfel	Hähnchen
Schwarzwurzeln	Erdbeeren	Rind

Ein Beispiel fuer ein Tabelle mit etwas komplexeren Formatierungen

date	time	wight	Bemerkung
18.02	39.32	82.0	gute Kondition, leerer Magen
19.02	35.02	81.4	gute Kondition, leerer Magen, sehr windig
20.02	39.32	82.5	gute Kondition, leerer Magen, Regen
21.02	39.32	84.0	schlapp
22.02	39.32	82.0	schlechte Kondition, voller Magen
23.02	39.32	80.0	gute Kondition, leerer Magen
24.02	42.23	83.0	schlechte Kondition, voller Magen

nein nicht über Tomaten ;-) , aber hier ist das Sprungziel des Hyperlinks von oben

Ein Beispiel fuer ein Formular

Ein triviales Mail-Formu1ar Schicken Sie mir eine E-Mail
Sie können dazu dieses Formular verwenden.

Frameset einrichten

<html>
  <frameset cols="200, *">
     <frame src="FRAMESET_navileiste.html" name="navigation">
     <frame src="FRAMESET_content.html" name="Inhalt">
  </frameset>
</html>

Der linke Frame ist 200 Pixelbreit, der rechte passt sich dynamisch an.
Die Datei navileiste.html enthält die linke Navigartionsleiste und
die Datei content.html den Inhalt des rechten Frames.

Mr. K. Kopf, kohl@gemuese.org