Menu
Coddy logo textTech
JETZT LERNEN
flag De iconDeutschdown icon

Footer-Bereich

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

challenge icon

Aufgabe

Einfach

Wir sind fast fertig! Lass uns nun abschließend den Fußzeilenbereich mit einigen Links zu sozialen Medien hinzufügen.

  1. Erstelle nach dem Abschnitt mit dem Registrierungsformular ein neues <div> für die Fußzeile.
  2. Füge innerhalb des <div> ein <h2>-Tag mit dem Text "Follow Us" hinzu.
  3. Füge mithilfe von <a>-Tags Links zu Profilen in sozialen Medien hinzu. Zum Beispiel:
    1. Einen Link zu deinem Twitter-Profil
    2. Einen Link zu deinem Facebook-Profil
  4. Stelle sicher, dass die Links in einem neuen Tab/Fenster geöffnet werden.

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

Verwende in diesem Fall das div-Tag und nicht das footer-Tag.

Probier es selbst

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

Alle Lektionen in Fundamentals

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