Menu
Coddy logo textTech
JETZT LERNEN
flag De iconDeutschdown icon

Footer-Bereich

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

challenge icon

Aufgabe

Einfach

Wir sind fast fertig! Lass uns nun den Abschluss bilden, indem wir den Footer-Bereich mit einigen Links zu sozialen Medien hinzufügen.

  1. Erstelle nach dem Abschnitt mit dem Registrierungsformular einen neuen <footer> für den Footer.
  2. Füge innerhalb des <footer> ein <h2>-Tag mit dem Text "Follow Us" hinzu.
  3. Füge mithilfe von <a>-Tags Links zu Social-Media-Profilen hinzu. Zum Beispiel:
    1. Ein Link zu deinem Twitter-Profil
    2. Ein Link zu deinem Facebook-Profil
  4. Stelle sicher, dass die Links in einem neuen Tab/Fenster geöffnet werden.

Du kannst einige fiktive Links verwenden oder die Social-Media-Profile von Coddy nutzen ;)

Probier es selbst

<!DOCTYPE html>
<html>
    <body>
        <!-- Schreibe hier den Code -->
    </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