Die Grundlage einer normalen Internetseite ist der HTML-Quellcode. Er sagt dem Browser, was er anzeigen soll. Die ersten Schritte zur Erstellung einer HTML-Seite lernen Sie im folgenden Artikel.
HTML-Grundlagen
Ein HTML-Dokument beginnt und endet immer mit dem HTML-Tag.
<HTML>
.
.
</HTML>
Im Dokumenten-Kopf (engl. head) wird z. B. der Titel (engl. title) festgelegt. </HEAD>
<HTML>
<HEAD>
.
.
</HTML>
Der Körper (engl. body) des Dokuments wird später im Browser sichtbar sein.
<HTML>
<HEAD>
</HEAD>
<BODY>
.
.
</BODY>
</HTML>
Zwischen den BODY-Tags können nun Texte eingefügt werden.
<HTML>
<HEAD>
</HEAD>
<BODY>
Hier können Sie einen Text einfügen!
</BODY>
</HTML>
Um eine neue Zeile zu beginnen dient der Zeilenumbruch (engl. break), also der BR-Tag.
<HTML>
<HEAD>
</HEAD>
<BODY>
Zeile 1<BR>
Zeile 2
</BODY>
</HTML>
Nun sind Sie in der Lage Texte mit Hilfe des HTML-Codes darzustellen. Um nun verschiedene Dokumente zu verknüpfen, müssen Sie einen sogenannten Link setzen. Da dieser im Dokument sichtbar sein soll, müssen Sie diesen Verweis natürlich in den Körper schreiben.
Der Anchor-Tag (dt. Anker) zeigt dem Browser, dass es sich um einen Link handelt. Nun fehlt noch das Verweisziel, dass mit HREF=Pfad/Dokument2.html im A-Tag deklariert ist.
Befinden sich die beiden Dokumente im gleichen Pfad (Verzeichnis/Ordner) kann diese Pfadangabe ausgelassen werden.
Soll in ein übergeordneten Ordner verwiesen werden muss das durch ../ angegeben werden.
<HTML>
<HEAD>
</HEAD>
<BODY>
Hier geht es zum 2. Dokument:<BR>
<A HREF=Pfad/Dokument2.html>Link</A>
</BODY>
</HTML>
Formatierung
Mit den Befehlen die Sie bis jetzt beherrschen, sind Sie lediglich in der Lage schwarzen Text in der Standard-Schriftart (Times New Roman) auf weißen Hintergrund zu schreiben.
Die Links sind blau bzw. rot im aktivierten Zustand oder lila bei bereits angezeigten Verweiszielen.
Die Standard-Farben für Ihr HTML-Dokument können Sie im BODY-Tag am Anfang des Dokuments verändern, indem Sie für die Text-Farbe TEXTCOLOR=, für die Link-Farbe LINK=, für die Farbe der aktivierten Links ALINK=, für die bereits besuchten (engl. visited) Links VLINKS= einfügen und jeweis nach dem Gleichzeichen den HEX-Code der von Ihnen gewünschten Farben eingeben.
Hier einige oft benutzte Farben in HEX:
| #C0C0C0 | #FF0000 | #FFFF00 | |
| #0000FF | #FF00FF | #00FFFF | #FFFFFF |
| #000000 | #800000 | #008000 | #808000 |
| #000080 | #800080 | #008080 | #808080 |
Link zum Thema:
SelfHTML – Die HTML-Bibel von Stefan Münz
Dieser Artikel könnte Sie interessieren:
Formatierung mit CSS
(CBS | 30.08.01)
