HTML-Kurzbeschreibung

An dieser Stelle möchte ich allen Interessenten zeigen, wie man einfache Texte für die Darstellung im WWW aufbereitet.

Die im WWW verwendete Hypertextsprache ist HTML (Hypertext Markup
Language). Ein Hypertext enthält im Gegensatz zum "Plain Text", außer dem eigentlichen Text mit Formatierungen, auch Querverweise zu anderen Dokumenten.

Da HTML nicht nur auf Text beschräkt ist, sondern auch Grafik und Audiodaten eingebunden werden können, ergibt sich ein breites Spektrum des Informations- austausches.

Ein einfaches HTML-Dokument hat z.B. folgenden Aufbau:

<title> Titel des Dokumentes </title>
<h1> Das ist die Überschrift </h1>
<hr>
Nach der Überschrift folgt eine horizontale Linie.
<p> Das ist ein Absatz.
Jetzt folgt noch eine Gliederung:
<ul>
<li> erster Listeneintrag
<li> zweiter Listeneintrag
</ul>
und zum Schluß die Adresse
<address> hallo@math.tu-cottbus.de </address>

Und so würde dieses Dokument im WWW aussehen.

Nun zu den einzelnen Befehlen:

Bis auf wenige Ausnahmen haben Befehle folgendes Format:

<befehl> formatierter Text </befehl>

Formatierungen

Titel erscheint in "Document-Title" - Zeile
<title> Titel </title>
Darstellung von Überschriften - h1 am größten
<h1> Überschrift 1 </h1>
<h2> Überschrift 2 </h2>
<h3> Überschrift 3 </h3>
<h4> Überschrift 4 </h4>
<h5> Überschrift 5 </h5>
<h6> Überschrift 6 </h6>
fett zu druckender Text
<b> fetter Text </b>
<strong> hervorgehobener Text </strong>
kursiv zu druckender Text

<i> kursiver Text </i>
<em> kursiver Text </em>
<cite>kursiv für Zitate </cite>
<var> kursiv für Variable </var>
fixed-width font

<tt> fixed-width font </tt>
<code> fixed-width font </code>
<samp> Format für Beispiele </samp>
<kbd> Darstellen von Tasten </kbd>
<dfn> Definitionen in kursiv </dfn>

Im WWW werden viele hintereinanderfolgende Leerzeichen zu einem einzigen Leerzeichen reduziert, Zeilenumbrüche und Absätze werden ignoriert, soweit sie nicht besonders gekennzeichnet werden.

Um vorformatierten Text (z.B. Programmtext) im Dokument erscheinen zu lassen, kann dieser wie folgt geschrieben werden:

<pre>
 formatierter                  Text
 formatierter                  Text
</pre>

Gliederung eines Dokumentes

Nummerierte Listen
<ol>
<li> Eintrag
<li> Eintrag
<li> Eintrag
</ol>
Nicht nummerierte Listen
<ul>
<li> Eintrag
<li> Eintrag
<li> Eintrag
</ul>
Beschreibungen (nur eingerückt)
<dl>
<dt> Beschreibung
<dd> Eintrag
<dd> Eintrag
<dd> Eintrag
</dl>

Wichtige Sonderzeichen

Hypertext-Referenzen

Graphik

<img src="/gif/unten.gif"> hier erscheint die Graphik unten.gif aus dem Verzeichnis gif.

<img align=top src="/gif/unten.gif">Text erscheint oben

<img align=middle src="/gif/unten.gif">Text erscheint in der Mitte

<img align=bottom src="/gif/unten.gif">Text erscheint unten

<img width="10%" src="/gif/unten.gif">Bild nimmt 10% der Gesamtbreite des Fensters ein

Möchte man sich seinen selbst geschriebenen Text einmal anschauen, kann man zum einen "www dateiname" von dem Verzeichnis aus, in dem sich der Text befindet, starten.
Oder man öffnet im www folgenden Pfad "file://localhost/absoluter_pfad_zum_document".
Für alle, die auf unserem WWW-Server auch mit einer eigenen Seite erscheinen möchten, besteht natürlich weiterhin die Möglichkeit, mir eine ganz normale Textdatei oder Bilder (möglichst im GIF-Format) zu geben.

Tabellen

Tabellen erzeugen (bis jetzt nur Netscape)