HTML ist eine Seitenbeschreibungssprache, mit der dem Browser "gesagt" wird, wie die Daten angezeigt werden, welche Einheiten (Buchstaben, Wörter, Sätze, Absätze) z.B. Fett gedruckt werden, in bestimmten Farben dargestellt werden etc.
Dazu werden über das Internet HTML-Seiten übertragen. Das Bedeutsame dabei ist, dass die HTML-Seiten in Klartext übertragen werden und so jeder schauen kann, wie die Seite "gebaut" ist. Einfach mal im Browser auf "Ansicht -> Quellcode anzeigen" gehen. Es gibt nicht nur Informationen, sondern auch Anweisungen, wie diese Informationen angezeigt werden sollen. Das geschieht über HTML-Tags.
HTML-Tag
Was ist nun ein HTML-Tag? - Als HTML-Tag wird ein einzelner HTML-"Befehl" bezeichnet. So z. B. steht der HTML-Tag <b> </b> für fett darzustellenden Text:
<b>
fett darzustellender Text
</b>
Dies bewirkt die Ausgabe im Browser von
fett darzustellender Text
für Fettschrift. Dabei sind 3 Dinge zu beachten:
- Die Tags sitzen immer zwischen Kleiner- und Größerzeichen < .. >
- Zwischen den < > befindet sich die Anweisung - hier b - das ist eine Abkürzung von dem englischen "bold" (fett). Alle Befehle sind Abkürzungen von englischen Begriffen.
- HTML-Tags sind immer klein zu schreiben.
Alles hat einen Anfang und ein Ende. So auch praktisch jeder HTML-Tag. Sonst müsste unser Text mit obigem Beispiel ja immer fett sein. Der End-Tag ist fast identisch mit dem Anfangs-Tag, mit dem einzigen Unterschied, dass nach dem Größerzeichen ein Schrägstrich (slash) folgt.
Also so:
</b>
Grundgerüst
Jede HTML-Seite hat ein Grundgerüst. Dieses hat in der Minimalversion immer folgendes Aussehen:
<html>
<head>
</head>
<body>
</body>
</html>
Body-Bereich
Als erstes beschäftigen wir uns mit dem Body-Bereich. Alles was hier eingetragen wird, zeigt der Browser an. Zunächst nehmen wir alle Eintragungen zwischen <body> und </body> vor.
Sauberer Code
Warum überhaupt der Hinweis auf sauberen Code? Dafür gibt es einige Gründe:
- Eine eventuelle Fehlersuche geht später schneller
- Nachträgliches Ändern und Hinzufügen von Informationen ist problemlos.
So sollte z. B. ein Tabellenaufbau dann aussehen (Achte auf die Einrückungen, die die einzelnen Zellen verdeutlichen):
<table>
<tr>
<td>
INHALT
</td>
<td>
INHALT
</td<
</tr>
</table>
Schachteln von Tags
Werden mehrere HTML-Tags angewendet, was oft vorkommt, sollte unbedingt auf die korrekte Schachtelung geachtet werden. Wie bei Klammern in der Mathematik müssen öffnende und schließende Tags aufeinander folgen.