HTML leicht gemacht!

Grundlagen

Grundlagen


Was ist HTML?

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 das eigentlich funktioniert. Einfach mal im Browser auf "Ansicht -> Quellcode anzeigen" gehen. Das zunächst Verwirrende ist, dass zwischen den Informationen noch was auftaucht.

Es gibt also 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.

Dabei kommt der Begriff TAG aus dem Englischen und hat dort die Bedeutung von "Etikett, Anhänger, Aufkleber, Marke, Kennzeichnung, Auszeichner". Am besten lässt sich es mit dem Begriff "Kennzeichnung" veranschaulichen. Man kennzeichnet Bereiche innerhalb von seinem Inhalt, dass diese in bestimmter Weise angezeigt werden soll. Dabei kann man dann sagen, hier beginnt der Bereich und dort hört er wieder auf.

<p>Hallo das ist mein erster Absatz,den ich mit 
HTML gemacht habe! </p>
<p> Cool, oder?</p>

Im Internet-Browser würde das nun wie folgt aussehen:
//Bild//

Eigenschaften von TAGs:

1. Die TAGs sitzen immer zwischen Kleiner- und Größerzeichen < .. >
2. Zwischen den < > befindet sich die Anweisung - hier p - und wie so vieles im Leben ist das eine Abkürzung und das Ganze von dem englischen "paragraph" (Absatz, Abschnitt). Dementsprechend sind alle Befehle nur Abkürzungen von englischen Begriffen. So lassen sich die Befehle gut merken (vorausgesetzt, man kann Englisch).
3. Alle HTML-TAGs immer klein schreiben! Dies ist für XHTML und valide Webseiten wichtig.

Alles hat ein Anfang und ein Ende. So auch praktisch fast jeder HTML-TAG.

Anfangs- und End-TAGs

Weiterhin gibt es einen Anfangs-TAG und einen End-TAG. Sonst hätte wir nicht die Möglichkeit, mehrer Absätze zu machen bzw. müssten fett geschrieben Texte bis zum Ende der Seite immer fett sein. Der End-TAG ist fast identisch mit dem Anfangs-TAG, mit dem einzigen Unterschied, dass nach dem Kleinerzeichen (<) ein Schrägstrich kommt. 

Also so:

Übung:

Mein 1. Satz, mit Absatz.
Das wiederum ist mein 2. Satz.
Und das ist der letzte ......Satz.

Viel Spaß