Dies kann (und soll) keine vollständige Beschreibung von HTML sein. Vielmehr sollen hier nur die wichtigsten Tags aufgelistet werden, die man braucht, um schon einmal ein paar erste Webseiten produzieren zu können. Am Ende dieser kurzen Einführung wird dann auf weiterführende Literatur verwiesen.
Wie schon erwähnt wird Text, der innerhalb des <body>-Tags eingegeben wird, vom Browser jeglicher Struktur beraubt, bevor er ihn ausgibt. Mit dem <p>-Tag kann man daher dem Browser mitteilen, dass der darauf folgende Text einen Absatz darstellt:
<p>Dies ist ein Absatz.</p> <p>Und dies ist schon der nächste.</p>
Der zweite Absatz beginnt dann in einer neuen Zeile und mit etwas vertikalem Abstand vom ersten.
Übrigens ist die Angabe des Ende-Tags </p> streng genommen nicht nötig, aber da es in zukünftigen HTML-Versionen vorgeschrieben sein wird, kann es nicht schaden, wenn man es sich jetzt schon angewöhnt ...
Manchmal will man im Text gar keinen neuen Absatz anfangen, sondern einfach nur eine neue Zeile beginnen. Dann kann man mit dem Tag <br> einen Zeilenumbruch erzwingen:
<p>Dies ist ein Absatz. Und hier:<br>wird ein
Zeilenumbruch erzwungen.</p>
Das Wörtchen "wird" erscheint dann als erstes Wort einer neuen Zeile.
Das <br>-Tag ist übrigens ein Beispiel für ein Tag, zu dem es kein Ende-Tag gibt, da es ja nichts einschließt, sondern unmittelbar an der Stelle wirkt, an der es im Text auftaucht.
Da man mit HTML die Struktur eines Dokuments beschreibt, gibt es auch ein eigenes Tag für Überschriften, das <H>-Tag. Eine an das H angehängte Ziffer gibt dabei die Gliederungsebene an (wobei 1 die oberste Ebene ist - maximal 6 Ebenen sind erlaubt):
<h1>Meerschweinchen - Aufzucht und Pflege</h1> <h2>Artgerechte Haltung</h2> <h3>Der Käfig</h3>
Man sollte unbedingt immer das <H>-Tag für Überschriften und ähnliche Textteile verwenden und nicht versuchen, durch fette und/oder Großschrift einen ähnlichen Effekt zu erzielen.
Mit das Wichtigste an einem HTML-Dokument ist natürlich die Möglichkeit, auf andere Seiten zu verweisen. Dazu kann man mit dem <A>-Tag Verweise (so genannte Links) in den Text einfügen:
Bitte lesen Sie auf <a href="seite2.html">Seite 2</a> weiter.
Für das <A>-Tag benötigen wir hier noch einen Parameter, der angibt, wohin beim Anklicken des Verweises überhaupt verzweigt werden soll. Das Attribut HREF gibt dabei eine URL an, d.h. es kann ein einfacher Dateiname (wie im Beispiel) oder eine komplette Adresse wie http://www.macpages.de/ sein. Der Text innerhalb des <A>-Tags ist dann der anklickbare Link.
Natürlich muss man mit dem <A>-Tag nicht immer auf HTML-Dateien verweisen. Vielmehr kann man auf so ziemlich jede Art von Datei verweisen. Je nach Einstellung des Browsers wird die so "verlinkte" Datei dann angezeigt oder auf die Festplatte des Besuchers heruntergeladen.
<< zurück zur
ersten Seite | weiter zur nächsten Seite
>>
zurück zur MacIG-Seite
$HOME | Atari | Macintosh | Ahnenforschung | Bilder | Site-Index