2. Wichtige HTML-Tags

Tags geben dem Inhalt eine Bedeutung. Hier lernst du h1 (Überschriften), p (Absätze) und Listen kennen.

<h1>Hauptüberschrift</h1>
<p>Ein Textabsatz.</p>
<ul>
  <li>Listenpunkt</li>
</ul>

2. Wichtige Tags

Tags sind wie Etiketten oder Regieanweisungen. Ohne sie wüsste der Browser nicht, was er mit deinem Text anfangen soll. Wenn du einfach nur Text schreibst, klatscht der Browser alles in eine lange Schlange ohne Absätze. Mit Tags gibst du Struktur. Das wichtigste Tag für Text ist das p-Tag, was für "Paragraph" (Absatz) steht. Für Überschriften nutzt man h1 bis h6. Die h1 ist dabei wie die Schlagzeile in einer Zeitung – sie darf nur einmal pro Seite vorkommen und sagt sofort, worum es geht. Dann gibt es Listen: ul für ungeordnete Listen (mit Punkten) und ol für geordnete Listen (mit Zahlen). In diesen Listen steht jeder Punkt in einem li-Tag. Für Bilder nutzt man img und für Links das a-Tag. In der modernen Webentwicklung nutzt man auch "sprechende" Tags wie header für den Kopfbereich, nav für das Menü und footer für den Bereich ganz unten auf der Seite. Das hilft nicht nur dir, den Überblick zu behalten, sondern sagt auch Google ganz genau, welcher Teil deiner Seite am wichtigsten ist. Man kann sich Tags wie Werkzeuge in einem Werkzeugkasten vorstellen: Für jede Aufgabe gibt es das passende Teil, und wenn man die richtigen wählt, sieht die Seite am Ende professionell aus.