Der Hero
Unter dem Header kommt der Hauptinhalt der Seite in main. Auf der Startseite einer Website beginnt er meist mit einem großen Bereich, der den Besuchern auf den ersten Blick zeigt, wo sie sind und was sie dort tun können. Webdesigner nennen ihn den Hero, weil er der Star der Seite ist.
Unser Hero hat den Namen des Kinos als Hauptüberschrift der Seite, einen Satz über das Kino und einen Knopf, der zum Programm führt, der Seite, die Besucher am meisten interessiert. Er ist ein Bereich der Seite und kommt deshalb in ein section-Element mit der Klasse hero für die Gestaltung.
Der Knopf ist eigentlich ein Link: Er bringt den Besucher auf eine andere Seite, und dafür sind Links da. (Das Element button ist für Formulare und für Aktionen auf der Seite selbst.) Er bekommt die Klasse knopf, und in CSS lässt du ihn wie einen Knopf aussehen.
So schreibst du es:
Anweisungen
- 1
Füge unter dem Header
mainhinzu und darin einsectionmit der Klassehero. Erstelle in der section die Hauptüberschrift der Seite,h1, mit dem TextKino Sternenlicht. - 2
Füge unter der Überschrift einen Absatz mit dem Text
Ein kleines Kino mit großen Filmen, in der Ulmenstraße seit 1932.hinzu. - 3
Füge unter dem Absatz einen Link mit der Klasse
knopfund dem TextDas läuft geradehinzu, der zuprogramm.htmlführt.