Inhaltsverzeichnis

Tags

1. Überschriften

Überschriften kannst Du mit den Tags <h1> (Überschrift 1. Ordnung → sehr groß) bis <h4> (Überschrift 4. Ordnung) setzen, beispielsweise so:

Beispiel

<h1>Das ist eine große Überschrift!</h1>
<h2>Das ist eine etwas kleinere Überschrift.</h2>

wird so dargestellt:

Das ist eine große Überschrift!

Das ist eine etwas kleinere Überschrift.

2. Absätze

Der Browser wertet Zeilenumbrüche in der HTML-Datei nicht aus. Möchtest du zwei Absätze mit einem Zeilenumbruch dazwischen schreiben, so musst du den Text der Absätze jeweils in ein < div >-Element verpacken. < div >-Elemente beinhalten den ganzen rechteckigen Bereich, der den Absatz enthält, und lassen sich mit Rahmen, Hintergrundfarbe usw. versehen. Mehr dazu weiter unten.

Beispiel:

<div>
Das ist ein Beispielsatz. 
Und dieser Text kommt unmittelbar dahinter.
</div>
<div>
Das ist ein zweiter Beispielsatz. 
Und dieser Text kommt unmittelbar dahinter.
</div>

wird so dargestellt:

Das ist ein Beispielsatz. Und dieser Text kommt unmittelbar dahinter.
Das ist ein zweiter Beispielsatz. Und dieser Text kommt unmittelbar dahinter.

3. Aufzählungen

Eine nummerierte Aufzählung umschließen wir mit <ol></ol> ("ordered list"), eine nicht-nummerierte Aufzählung mit <ul></ul> ("unordered list"). Die einzelnen Aufzählungspunkte werden in <li></li> eingeschlossen ("list item").

Beispiel:

<h3>Lieblingsessen:</h3>
<ul>
  <li>Pizza</li>
  <li>Pfannkuchen</li>
  <li>Döner Kebab</li>
</ul>

Wird zu:

Lieblingsessen:

  • Pizza
  • Pfannkuchen
  • Döner Kebab