HTML Crashkurs
1. HTML? Was ist das?
HTML ist eine Dokumentbeschreibungssprache und
bedeutet HyperText Markup Language. Eine
HTML Datei besteht aus reinem Text, besteht also aus Buchstaben,
Zeichen und Zahlen. Ein HTML Dokument besteht aus Steuerzeichen, denn
sogenannten Tags. Diese Tags bestimmen, wie Elemente wie Text,
Überschriften, Tabellen, Listen, Bilder etc. auf der Webseite
aussehen. Die Anzeige der HTML-Datei übernimmt letztendlich der
Browser. Er liest den HTML-Rohtext ein und interpretiert die Tags, die
darin enthalten sind. Anhand des folgenden Beispiels lässt sich der
Aufbau eines HTML-Dokumentes gut erkennen:
<html>
<head>
<title>Eine Webseite</title>
</head>
<body>
Eine HTML-Seite
</body>
</html>
Hierbei handelt es sich um eine minimale
HTML-Datei, die jeder Browser problemlos anzeigt. Die Seite enthält
einen Seitentitel, und eine Zeile Text. Innerhalb einer HTML-Datei
gibt es zwei Bereiche, den "Kopf" (engl. "head")
und den "Körper" (engl."body"). Im Kopf stehen
Angaben, für die ganze Webseite. Die Tags <title></title>
umfassen den Text, der als Seitentitel in der Titelleiste eines
Browsers erscheinen soll. Der Titel ist wichtig, wenn ein Surfer
beispielsweise eine Internetseite in die Favoritenliste des Browsers
übernehmen möchte. Denn die meisten Browser übernehmen als
Listennamen hier den Titel der Webseite. Auch für viele Suchmaschinen
ist der <titel>-Tag der Seite wichtig. Im Head-Bereich sind aber
neben dem Seitentitel auch noch etliche andere HTML-Tags erlaubt. Hier
befinden sich beispielsweise die META-Tags für die Suchmaschinen oder
kleine Javascript-Programme. Der Körper enthält dagegen alle
Angaben, die der Browser als Webseite in einem Fenster darstellt. Die
<body>-Tags begrenzen den sichtbaren Teil der Webseite. Steht
hier einfach nur Text, so würde der Browser in der Standardschrift
ohne weiteren Formatierungen den Text anzeigen.
[-hoch-]
2. Formatierungen
Der Browser kümmert sich nicht im geringsten
um die Formatierung von Texten. Zeilenumbrüche setzt der Browser
dort, wo sie entsprechend der Fenstergröße passen. Mehrere
Leerzeichen hintereinander gelten nur als ein Leerzeichen, ein Return
wird als Absatzzeichen einfach ignoriert. Damit der Browser nun
erkennen kann, welche Zeichen zur Überschrift und welche zum Fließtext
gehören, werden die Bereiche mit Tags markiert. HTML kann sechs
verschiedene Überschriften, die mit den Tags
<h1></h1> bis <h6></h6>
gekennzeichnet sind. H1 entspricht dabei der
Hauptüberschrift und die anderen sind kleinere Kapitelüberschriften.
Wie eine Überschrift dargestellt wird entscheidet der Browser. Als
HTML-Code könnte das ganze so aussehen:
<h1>1. Überschrift</h1>
<h2>1.1 Überschrift 2</h2>
Vor und nach einer Überschrift macht der
Browser automatisch einen Zeilenumbruch. Auch Fließtext gliedert sich
in Absätze! In einer Webseite kennzeichnet man einen Absatz mit den
Tags <p></p>
Vor und nach einem Absatz
machen die meisten Browser einen Zeilenumbruch. Möchte man einen
Zeilenumbruch erzwingen, so kann dies mit dem Tag <br>
erreicht werden. Doch sollte man bedenken, dass mehrere <br>-Tags
hintereinander nicht von allen Browsern mit mehreren Leerzeilen
interpretiert werden.
[-hoch-]
3. Attribute
Praktisch jeder Tag darf innerhalb der spitzen
Klammern durch zusätzliche Angaben ergänzt werden. Diese Angeben
sind die Attribute. Die Ausrichtung von Text wird beispielsweise durch
das Attribut align definiert. Erlaubt sind dabei folgende
Werte:
align=center
align=left
Von oben nach unten bedeutet das linksbündig,
zentriert und rechtsbündig. Linksbündig ist dabei die
Standardeinstellung und muss nicht angegeben werden. Die Tags für Überschriften
können beispielsweise so ergänzt werden:
<h1 align=center">Überschrift
1</h1>
Zugleich gibt es auch einen universellen Tag:
<div></div>. Zunächst markiert dieser Tag nur einen
bestimmten Bereich einer Webseite. Über die Attribute kann aber
festgelegt werden, welche Formatierungen auf diesen Bereich angewandt
werden.
[-hoch-]
|
