i

Überschriften und Absätze

Beispiel

Der Steckbrief soll jetzt mit ein wenig Text versehen werden.

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8"/>
    <title>Steckbrief von Bailey</title>
  </head>
  <body>
    <h1>Steckbrief</h1>
    <p>
      Ich heiße Bailey. Ich lebe in der Nähe 
      von Kaiserslautern.
    </p>
    <p>
      Ich interessiere mich für Agility-Sport.
    </p>
  </body>
</html>

So sieht die Webseite im Browser aus.

Beispielseite

Erläuterungen

  • Einen Textabsatz markiert man mit dem Element <p>. Textabsätze benutzt man, um einen Text inhaltlich in Einheiten zu zerlegen und damit den Gesamttext zu strukturieren.
  • Zur Markierung von Überschriften gibt es die Elemente <h1>, <h2>, ..., <h6>. Mit diesen Elementen kann man Überschriften 1. Ordnung, 2. Ordnung usw. (bis 6. Ordnung) bilden. Beachte, dass eine Überschrift wie ein eigener Textabsatz behandelt wird.
  • Im Browser sind die Absätze und Überschriften klar zu erkennen. Beachte, dass vorerst nur die Farben schwarz (für die Schrift) und weiß (für den Hintergrund) benutzt werden. So ist das zunächst einmal beim Browser voreingestellt. Wenn man gerne andere Farben hätte, muss man das festlegen. Wo? Dazu kommen wir erst viel später, zuerst muss der Inhalt eingegeben und die Struktur festgelegt werden.

Aufgabe

Fülle deine Webseite mit etwas Text. Strukturiere den Text mit geeigneten Überschriften und Absätzen. Probiere hierbei auch Überschriften verschiedener Ordnungen aus. Kontrolliere jeweils die Ergebnisse durch Anzeige im Browser.

Suche

v
1.1.2.4.3
www.inf-schule.de/information/informationsdarstellunginternet/strukturbeschreibunghtml/exkurs_html/ueberschriftenabsaetze
www.inf-schule.de/1.1.2.4.3

Rückmeldung geben