Dieser Kurs soll zeigen, wie mit HTML Seiten für das World Wide Web erstellt werden können.
HTML (HyperText Markup Language) ist eine Seitenbeschreibungssprache für das Internet. Sie ist nicht systemabhängig und kann deshalb auf allen Rechnersystemen, die im Internet verwendet werden, gelesen werden.
Hypertext bedeutet, daß in einem Text Verweise auf Textstellen im gleichen Dokument oder auf andere Dokumente enthalten sein können. Solch ein Verweis heißt Hyperlink.
Beispiele für Hyperlinks:
weiter unten
auf dieser Seite
Seite 2 dieses Kurses
Homepage von T-Online
Der HTML-Text kann mit jedem Editor als ASCII-Text (teilweise auch als MS-DOS-Text bezeichnet) erstellt werden.
Entweder fügt man im HEAD (=Kopf) des HTML-Dokuments folgende
Zeile ein:
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=iso-8859-1">
oder man umschreibt einige Sonderzeichen folgendermaßen:
z.B. Ä=Ä ä=ä Ö=Ö ö=ö Ü=Ü
ü=ü
ß=ß <=< >=> &=&
"=" ©=©
HTML verwendet zahlreiche Befehle, um einen Text in einer bestimmten Form anzuzeigen. Ein solcher Befehl heißt Tag. Es gibt Tags, die einzeln benutzt werden, z.B. <HR> um eine Linie zu zeichnen, und es gibt Tags die paarweise benutzt werden, z.B. <B>Otto</B> um das Wort Otto fett anzuzeigen.
Um Fehler bei den Sonderzeichen und bei der Benutzung der Tags zu vermeiden und effektiver bei der Erstellung von HTML-Texten zu arbeiten, können spezielle Hilfsprogramme eingesetzt werden (z.B. Internet-Assistent für MS-Word).
Mit dem Wissen über den Umgang mit HTML können so erstellte Dokumente gezielt geändert und ergänzt werden. In Hilfsprogrammen sind nicht immer alle HTML-Befehle verfügbar, sie müssen dann in den Code direkt eingetragen werden.
Jetzt sind Sie weiter unten im Text.Hier kommen Sie wieder zurück.
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<TITLE>Hier steht der Fenstertitel.</TITLE></HEAD>
<BODY>
Hier steht der Inhalt der HTML-Seite.
</BODY>
</HTML>
Die fett formatierten Tags sind in jedem HTML-Dokument zwingend vorgeschrieben.
Die oben gezeigten Hyperlinks wurden folgendermaßen eingefügt:
<A HREF="#weiter_unten">weiter unten auf
dieser Seite</A>
<A HREF="HTML-Kurs Seite 2.htm">Seite 2 dieses
Kurses</A>
<A HREF="http://www.t-online.de">Homepage von T-Online</A>
Im ersten Beispiel wird ein Link auf eine Marke mit der
Bezeichnung "weiter_unten" hergestellt.
Diese Marke wurde vorher mit <A NAME="weiter_unten">Jetzt
sind Sie weiter unten im Text.</A> in den Text eingefügt.
Das zweite Beispiel zeigt einen Link auf ein anderes Dokument im selben Ordner.
Der dritte Link verweist auf eine andere Internetseite.
Um die Möglichkeiten der Textdarstellung mit HTML zu zeigen, wird auf den nächsten Seiten jeweils zuerst das Erscheinungsbild eines Textausschnittes und dann der dazugehörige HTML-Code dargestellt.
weitere Seiten
2. Absätze, Linien und Listen
3. Zeichenformate
4. Tabellen
5. Grafiken und Hintergrund
6. Formulare
7. Frames (Rahmen)
8. Weitere Formate
9. Sound und Video
10. Sonstiges