HTML - Element: <header>

Der <header>-Tag (HTML 5) zeichnet einen sichtbaren Kopfbereich auf einer Seite aus. Zwischen den <header>-Tags kann zum Beispiel ein Logo (Bild), Schriftzug oder sonstige Informationen stehen.

<!DOCTYPE html>
<html>
<head>
 <title>Kopfbereich</title>

 <style>
 header {
  font-size: 3rem;
  color: Blue;
 }
 </style>

</head>
<body>

<header>
<img src="logo.png" alt="Logo"> 
Meine Webseite
</header>

<h2>Das Blindtextchen</h2>

<p>Weit hinten, hinter den Wortbergen, fern der Länder Vokalien ...</p>

</body>
</html>

Beispiel anzeigen

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<video> Video-Datei

CSS - Glühende Neon Buchstaben

PHP - Trennen von Buchstaben und Zahlen mit scanf()

JavaScript - Beim Anklicken einer Checkbox den dazugehörenden Text hervorheben

MySQL - Alle Einträge nach einem Tag löschen

Navigation in Dokumenten
Bei langen Textdokumenten sollten Sie dem Besucher die Möglichkeit bieten an den Seitenanfang bzw. an das Seitenende zu springen. Am Seitenanfang und -ende ist es ratsam eine Menüleiste anzubieten. So kann der Besucher schnell zwischen den einzelnen Unterseiten wechseln.