Lesson 3: Elemente and Tags?
Jetzt beginnen wir mit den Grundlagen von HTML: den (Sprach-)Elementen.
Die Elemente geben dem HTML-Dokument eine Struktur und außerdem dem Browser vor, wie Sie Ihre Homepage dargestellt haben möchten. Im Allgemeinen bestehen Elemente aus einem Start-Tag und einem End-Tag.
Tag?
Tag ist Englisch (wird auch Englisch ausgesprochen). Tags sind Markierungen, die man dazu benutzt, den Anfang und das Ende eines Elementes zu kennzeichnen.
Alle Tags haben das gleiche Format: Sie beginnen mit einem Kleiner-als-Zeichen “<” und enden mit einem Größer-als-Zeichen “>”.
Es gibt zwei Arten von Tags – Start-Tags <html> und End-Tags </html>. Der einzige Unterschied zwischen Start- und End-Tag ist der Schrägstrich (Slash) “/”. Der zu markierende Inhalt wird zwischen den Start-Tag und den End-Tag geschrieben.
HTML ist nichts anderes als Tags. HTML zu erlernen, heißt somit Tags (kennen)lernen und diese anwenden.
Kann ich bitte Beispiele sehen?
Gut, z.B. das Element b wird für Fettschrift verwendet. Text zwischen dem Start-Tag <b> und dem End-Tag </b> wird vom Browser in Fettschrift geschrieben. (“b” ist die Abkürzung für “bold”, was im Englischen nichts anderes als “fett” bedeutet)
Beispiel 1:
<b>Dieser Text ist fett geschrieben.</b>
sieht im Browser wie folgt aus:
Die Elemente h1, h2, h3, h4, h5 und h6 werden zum kennzeichnen von Überschriften verwendet. (“h” steht für “heading”, englisch für Überschrift.)
Die Überschriften sind hierarchisch angeordnet. h1 hat die höchste Hierarchieebene und meist den am größten geschriebenen Text, h6 die niedrigste und meist auch die kleinste Schriftgröße.
Beispiel 2:
<h1>Das ist eine Überschrift</h1>
<h2>und dies eine Sub-Überschrift</h2>
sieht im Browser wie folgt aus:
Das ist eine Überschrift
und dies eine Sub-Überschrift
Also, ich brauche immer einen Start-Tag und einen End-Tag?
Wie sagt man so schön? Keine Regel ohne Ausnahme. Und so ist es auch in HTML. Die Ausnahme ist hier, dass einige Elemente Start- und End-Tag in einem sind. Diese so genannten leeren Elemente sind nicht mit einer speziellen Textpassage verbunden, sondern eher eigenständige Markierungen. Z.B. sieht ein Zeilenumbruch wie folgt aus: <br />
Soll ich die Tags in Groß- oder Kleinbuchstaben schreiben?
Den meisten Browsern ist es egal, ob die Tags in Groß-, Klein- oder gar gemischten Buchstaben geschrieben sind. Sowohl <HTML>, als auch <html> oder <HtMl> werden nomalerweise identisch angezeigt. Wie auch immer, die korrekte Schreibweise sind Tags in kleinen Buchstaben. Bitte gewöhnen Sie sich deswegen an das Schreiben der Tags in Kleinbuchstaben.
Wohin kommen all diese Tags?
Sie schreiben Ihre Tags in ein HTML-Dokument. Eine Homepage besteht aus mehreren HTML-Dokumenten. Wenn Sie im Internet surfen, dann öffnen Sie bloß mehrere verschiedene HTML-Dokumente.
Wenn Sie mit der nächsten Lektion fortfahren, werden Sie binnen zehn Minuten Ihre erste Internetseite erstellt haben.