Footer-Bereich
Teil des Abschnitts Fundamentals der HTML-Journey von Coddy — Lektion 56 von 60.
Aufgabe
EinfachWir sind fast fertig! Lassen Sie uns nun zum Abschluss den Footer-Bereich mit einigen Social-Media-Links hinzufügen.
- Erstellen Sie nach dem div mit dem Registrierungsformular-Bereich ein neues
<div>für den Footer. - Fügen Sie innerhalb des
<div>ein<h2>-Tag mit dem Text "Follow Us" hinzu. - Fügen Sie Links zu Social-Media-Profilen mithilfe von
<a>-Tags hinzu. Zum Beispiel:- Einen Link zu Ihrem Twitter-Profil
- Einen Link zu Ihrem Facebook-Profil
- Stellen Sie sicher, dass die Links in einem neuen Tab/Fenster geöffnet werden.
Sie können einige fiktive Links verwenden oder die Social-Media-Kanäle von Coddy nutzen ;)
Verwenden Sie in diesem Fall das div-Tag und nicht das footer-Tag.
Probier es selbst
<!DOCTYPE html>
<html>
<body>
<!-- Hier Code schreiben -->
</body>
</html>Alle Lektionen in Fundamentals
2Text und Formatierung
ÜberschriftenAbsätzeZeilenumbrücheFetter und kursiver TextNochmals fett und kursivWiederholung – Formatierung8Formulare und Eingaben Teil 1
Formular-GrundlagenTexteingabenInput-AttributePasswortfeldLabels für EingabenZusammenfassung – Einfaches Formular11Event-Registrierungsseite
ProjektübersichtHeader-Bereich
Event-Details-BereichRegistrierungsformularFooter-Bereich6Seitenlayout
Bereiche (Divisions)Inline-SpansSemantische TagsSections und ArticlesZusammenfassung – Layout9Formulare und Eingaben Teil 2
Radio-ButtonsCheckboxenDropdownsButtonsButtons in FormularenWiederholung - Formulare #1Wiederholung - Formulare #212Abschlussherausforderungen
Einfache ProfilkarteEvent-EinladungskarteEinfache ArtikelseiteLieblingsbücher-Liste