Webmaster-Crashkurs

HTML-TAG: Überschrift

Unser nächstes Element zum strukturieren unseres Textes sind Überschriften.

Es gibt 6 verschieden wichtige Überschriften, die durchnummeriert sind von 1 (wichtigeste) bis 6 (unwichtiger wie 5;)

Der HTML-TAG für die Überschriftet lautet <h1> ... <h6> - das h steht für das englische headline = Überschrift

Bauen Sie bitte folgende Ausgabe nach - achten Sie bitte auf die End-TAGs!

Überschrift vom Grad 1

Überschrift vom Grad 2

Überschrift vom Grad 3

Überschrift vom Grad 4

Überschrift vom Grad 5
Überschrift vom Grad 6

Bevor die Auflösung kommt, die Sie bestimmt richtig nachgebaut haben, noch eine Anmerkungen zu Überschriften und den HTML-Befehl <h1> bis <h6>

Die Überschrift mit dem Grad <h1> sollte nur einmal pro Einzelseite vorkommen. Ihre Bücher im Regel haben im Normalfall auch nur einen Titel auf dem Cover stehen.

Ob hier das Design der Überschriften jemanden gefällt ist zu diesem Zeitpunkt zweitrangig - warum? Immer daran denken, Design wird später in CSS gemacht und dem vorhandenen HTML-Dokumenten überstülpt!

Nutzen Sie niemals h1 um Design zu erstellen - Design ist nicht (mehr) Sinn und Zweck von HTML, sondern die Strukturierung der Inhalte!

Zur Auflösung der Aufgaben: alle Überschriftenstärken in HTML

<h1>Überschrift vom Grad 1</h1>
<h2>Überschrift vom Grad 2</h2>
<h3>Überschrift vom Grad 3</h3>
<h4>Überschrift vom Grad 4</h4>
<h5>Überschrift vom Grad 5</h5>
<h6>Überschrift vom Grad 6</h6>

Aufgabe: Ergänzen Sie Ihre Startseite unter index.htm

Die erste Zeile "Willkommen zum HTML und CSS lernen bei www.webmaster-crashkurs.de" soll zur Überschrift werden. Entfernen Sie die <p>-TAGs und setzten Sie um den Bereich die HTML-TAGs für die Überschrift, also <h1>

Willkommen zum HTML und CSS lernen bei www.webmaster-crashkurs.de

Meine ersten Gehversuche in HTML für die erste Homepage

Besondere Schwerpunkte des Kurses

Herzlich Willkommen ...

Erklärung im folgenden Video und der fertige Quellcode ist auf der folgenden Seite zu finden. Aber erst selber probieren!

HTML5-Video-Kurs:
hier klicken für
mehr Informationen
© 2008-2015   •   www.webmaster-crashkurs.de - HTML5 Tutorial mit Videos