Exkurs II: Erstellen einer
HTML-Musterseite 
Das nachfolgende Beispiel demonstriert die Gestaltung einer
WWW-Seite mittels eines Textprogramms. Das Ergebnis wird als reiner Text
(= Quelltext)
abgespeichert und anschließend mit einem Browser betrachtet.
<HTML>
<HEAD>
<TITLE>Eine W
W W-Musterseite</TITLE>
</HEAD>
<BODY>
<H1>HTML-Musterseite</H1>
<HR>
<CENTER>Strichlinie</CENTER>
<P>
Diese Seite soll den Gebrauch von <STRONG>Tags</STRONG>
demonstrieren, um das Aussehen einer Seite bei der
Betrachtung mit einem geeigneten <STRONG>Browser</STRONG>
zu steuern.<P>
<STRONG>Zeilenumbruch</STRONG>
<BR>
Zeilenumbrüche werden mit dem Befehls-Tag
erzeugt. <BR>
<STRONG>Absätze</STRONG>
<BR>
Absätze werden durch den Absatz-Tag bewirkt.
<P>
<STRONG>Textmarkierungen</STRONG>
<BR>
<B>FETT</B>
<I>kursiv</I>
<P>
<STRONG>geordnete
und nummerierte Listen <STRONG>
<OL>
<LI>Zeile eins
<LI>Zeile zwei
<LI>Zeile drei
</OL>
<STRONG>ungeordnete
Listen</STRONG>
<UL>
<LI>Zeile eins
<LI>Zeile zwei
<LI>Zeile drei<BR>
</UL>
<IMG SRC="esplogo7.gif" ALIGN=bottom>Hinzufügen
einer Grafik<P>
<A HREF="http://www.infin.ulst.ac.uk/~esp/">Link
zu einer anderen WWW-Seite</A> <P>
</BODY>
</HTML>
Die fertige Seite mit einem Browser betrachtet, sieht so
aus:
Dieses Beispiel veranschaulicht die Wirkung der unterschiedlichen
Tags. Es fällt auf, dass die Zeilenumbrüche des Quelltextes ignoriert
werden. Die Grafik unten links ist nicht Bestandteil des HTML-Dokuments,
sondern wird über den entsprechenden Befehl erst aufgerufen:
<IMG SRC="esplogo7.gif" ALIGN=bottom>Hinzufügen
einer Grafik<P>, wobei der hintere
Teil des Befehls ALIGN=bottom die Position
des nachfolgenden Textes steuert. Das Beispiel zeigt außerdem, wie
ein Link zu einer anderen WWW-Seite erzeugt wird:
<A HREF="http://www.infin.ulst.ac.uk/~esp/">Link
zu einer anderen
WWW-Seite</A>
<P>
Zurück
zur Startseite!
017ebp.htm/eu-www (c) Gerdzen 1997