Menu
Coddy logo textTech
JETZT LERNEN
flag De iconDeutschdown icon

Header-Bereich

Teil des Abschnitts Grundlagen der HTML-Journey von Coddy. Lektion 53 von 60.

challenge icon

Aufgabe

Einfach

Wie immer kannst du deiner Kreativität freien Lauf lassen, um die Texte zu verfassen, oder das Beispiel verwenden!

Erstelle einen <header> für den Kopfbereich. Füge darin ein <h1>-Tag mit dem Namen der Veranstaltung, ein <p>-Tag mit einem Slogan und ein <img>-Tag für das Veranstaltungsbanner hinzu. Füge dem Bild eine Breite  und Höhe deiner Wahl hinzu.

Zum Beispiel:

  • Titel: Code Camp 2024
  • Beschreibung: Lernen. Bauen. Innovieren.
  • Bild-URL: https://img.freepik.com/free-photo/painting-mountain-lake-with-mountain-background_188544-9126.jpg

Probier es selbst

<!DOCTYPE html>
<html>
    <body>
        <!-- Schreibe Code hier -->
    </body>
</html>

Alle Lektionen in Grundlagen

1HTML-Grundlagen

Was ist HTML?Grundstruktur von HTMLTags und ElementeVerschachtelung und schließende TagsKommentare in HTML

4Rezeptkarte

ProjektübersichtRezepttitel und BeschreibungProjekt-LektionZutatenProjekt-LektionSchritteProjekt-Lektion

7Persönliche Profilseite

ProjektübersichtHeader-BereichProjekt-LektionProfilbildProjekt-LektionÜber-mich-BereichProjekt-LektionSocial LinksProjekt-Lektion

10Tabellen

Tabellen-GrundlagenBeschriftungen hinzufügenZeilen und Spalten verbindenZusammenfassung - Tabellen

2Text und Formatierung

ÜberschriftenAbsätzeZeilenumbrücheFetter und kursiver TextNochmals fett und kursivWiederholung – Formatierung

5Inhalte hinzufügen

HTML-AttributeLinksLinks zu neuen SeitenBilderBild-Attribute

8Formulare und Eingaben Teil 1

Formular-GrundlagenTexteingabenInput-AttributePasswortfeldLabels für EingabenZusammenfassung – Einfaches Formular

11Event-Registrierungsseite

ProjektübersichtHeader-BereichProjekt-LektionEvent-Details-BereichProjekt-LektionRegistrierungsformularProjekt-LektionFooter-BereichProjekt-Lektion

3Arbeiten mit Listen

Ungeordnete ListeGeordnete ListeVerschachtelte ListenZusammenfassung – Listen

6Seitenlayout

Bereiche (Divisions)Inline-SpansSemantische TagsSections und ArticlesZusammenfassung – Layout

9Formulare und Eingaben Teil 2

Radio-ButtonsCheckboxenDropdownsButtonsButtons in FormularenWiederholung - Formulare #1Wiederholung - Formulare #2

12Abschlussherausforderungen

Einfache ProfilkarteEvent-EinladungskarteEinfache ArtikelseiteLieblingsbücher-Liste

Übe selbstständig: Web-Playground