HTML-Grundkurs

Webseiten erstellen	Webseiten in HTML-Code kann mit einem Webeditor erstellt werden. Mit vielen dieser Programme können Seiten wie in einer Textverarbeitung konzipiert und durchdacht werden, doch sind sie mit Vorsicht zu genießen, da die Programme Fehler im HTML-Code produzieren können, die das Darstellen einer Webseite bei verschiedenen Browsern verfälschen könnte. Manchmal ist ein Nachbearbeiten mit einem Texteditor (z. B. Notepad) erforderlich. Jede nachkommende höhere Version dieser Web-Editoren werden jedoch fehlerfreier. Der Vorteil dieser Programme liegt auf der Hand. Man muß sich nicht mit HTML-Befehlen näher beschäftigen, das erledigen die Programme von selbst.
Grundgerüst einer Webseite	Eine HTML-Seite besteht aus Steuerzeichen (Marken, in englisch "Tags" genannt) und sorgen dafür das eine Webseite in einem bestimmten Format im Browser angezeigt wird. Tags werden in spitzen Klammern gesetzt und beginnen mit einem <HTML> und <BODY> Tag, am Ende werden sie ebenso eingesetzt nur mit einem Schrägstrich (/) versehen </BODY> und </HTML>. Dazwischen wird die eigentliche Seite konstruiert. Die HTML-Seite muß mit diesen Tags als erstes beginnen, wird ein Text vor den Anfangstags geschrieben wird der Text vom Browser nicht angezeigt. Abgeschlossen müssen sie mit den Endtags werden, damit das Ende der HTML-Seite vom jeweiligen verwendeten Browser erkannt wird. <HTML> <HEAD> <TITLE>hier kommt der Titel der Page</TITLE> <HEAD> <BODY> ......... </BODY> </HTML> Der Beginn wie in diesem obigen Beispiel ist mit einem Anfangstag gesetzt: <HTML> Der Browser erkennt den Anfang der Webseite. Die <HEAD> Zeile leitet die Kopfinformation des Dokumentes ein. Die Zeile <TITLE>...</TITLE> umfasst den Titel der Seite, der dann in der Webseite angezeigt werden soll. Die Tags und ihre Informationen werden vom Browser selbst nicht angezeigt. Der Tag <HEAD> schließt die Kopfinformation ab. Mit <BODY> wird mit dem eigentlichen Dokument der Webseite begonnen, abgeschlossen wird mit der Zeile </BODY>.
Zeilenumbruch	<BR> Wenn dieser Tag in einer Zeile angebracht wird, erkennt der Browser dies als Zeilenumbruch. Dieser Tag benötigt keinen Abschluß, man nennt dies einen leeren Tag.
Fettschrift	<B>...</B> Texte zwischen diesen Tags werden fett dargestellt.
Hyperlink	<A HREF="bild.html">mein Bild</A> <A> leitet einen Hyperlink ein und HREF gibt die Adresse der URL an. Man unterscheidet hier relative und absolute Links. Ein relativer Link verweist auf Seiten innerhalb der eigenen Page. Ein absoluter Link enthält eine ganze URL-Adresse die auf eine bestimmte Seite hinweist, und auch aus der eigenen Page hinausgeht.
Tags zum Umleiten einer URL (Refresh)	<META HTTP-EQUIV="Refresh" CONTENT="0;URL=http://www.die-neue-adresse.de"> Dieser Tag gibt an, nach wieviel Sekunden die Seite erneut geladen oder an eine andere Adresse umgeleitet werden soll. Im Content-Feld gibt man die Wartezeit in Sekunden an, in der Adresse dahinter wird die neue URL eingesetzt. Soll jedoch sofort auf die neue Seite umgeleitet werden, gibt man als Zeit "0" an. Solche Refresh-Tag werden verwendet, um Besucher über den Umzug einer Site zu informieren und diese automatisch weiterzuleiten. Wichtig ist jedoch, das die neue Adresse trotzdem auf der Seite mitangegeben wird, da nicht alle Browser den automatischen Refresh unterstützen.
Hintergrundgrafik fixieren	Wenn das Hintergrundbild beim Scrollen nicht mitbewegt werden soll, dann fügt man im <BODY>-Tag neben der Grafikdefinition den Parameter BGPROPERTIES="fixed" ein.
Tabellen	Damit sich Texte am Bildschirm des Betrachters nicht woanders befinden als es vom Homepageersteller erdacht wurde, sollte man sie in Tabellen setzen. Verschiedene Browser oder Bildschirmauflösungen können zu solchen Betrachtungsproblemen führen. <table width="740" border="0"> <tr> <td width="120"> </td> <td> An dieser wird der Text eingesetzt </td> </tr> </table> Manche Editoren machen um gelinkte Bilder einen Rahmen. Um dies zu vermeiden gibt man im Tag ein: <a href="datei.html><img src="bild1.jpg" width="200" height="150" border="0"></a>
E-Mail Betreffzeile und Body erweitern	Die E-Mail-Adresse auf einer Webseite wird als mailto: gesetzt. Wenn man das Script erweitert, dann wird in der Betreffzeile der Mail schon ein Text vorgegeben. So könnte z. B. drin stehen: Newsletter. <a href=mailto:email@provider.at?subject=Newsletter> Auch den Body-Bereich kann man mit einem Text vorgeben. Schreibt man untenstehendes Script, funktioniert dies jedoch nur mit modernen Mail-Clients. Bei älteren Programmversionen funktioniert diese Möglichkeit nicht. <a href=mailto:email@provider.at? body=Text>
Frameseiten unterbinden	Manche Homepagebetreiber laden andere Webseiten wenn man in deren Bookmark den Link anwählt, in ihre eigenen Frameseiten. So könnte der Eindruck entstehen, als wären es ihre eigenen. Unterbinden kann man dies so: <html> <head> <script language=JavaScript> if (top.frames.length !=0) top.location=self.location; <script> <head> <body> ... <html>