Über-mich-Bereich
Teil des Abschnitts Fundamentals der HTML-Journey von Coddy. Lektion 33 von 60.
Aufgabe
EinfachDies ist eine Fortsetzung deines Profile-project! Bauen wir auf der structure auf, die du bereits erstellt hast. Deine page sollte nun three verschiedene sections enthalten, die jeweils in einem
1. Header Section: Ein
2. Profile Picture: Ein
3. About Me Section: Ein
Stelle sicher, dass deine HTML-structure dieser Reihenfolge folgt, um die Tests zu bestehen.
<div>-tag eingeschlossen sind:1. Header Section: Ein
<div>, das ein <h1> mit deinem Namen und ein <p> mit einem kurzen Slogan enthält.2. Profile Picture: Ein
<div>, das ein <img>-tag enthält.3. About Me Section: Ein
<div>, das ein <h2> mit dem Text 'About Me' und ein <p>-tag enthält, das ein wenig über dich erzählt.Stelle sicher, dass deine HTML-structure dieser Reihenfolge folgt, um die Tests zu bestehen.
Probier es selbst
<!DOCTYPE html>
<html>
<body>
<!-- Dies ist eine Fortsetzung deines Projekts. Bitte strukturiere deine Seite mithilfe der drei Abschnitte unten. -->
<!-- Header-Abschnitt: Füge ein <h1> und ein <p>-Tag in dieses div ein -->
<div>
</div>
<!-- Profilbild-Abschnitt: Füge ein <img>-Tag in dieses div ein -->
<div>
</div>
<!-- Über-mich-Abschnitt: Füge ein <h2> und ein <p>-Tag in dieses div ein -->
<div>
</div>
</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-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Übe selbstständig: Web-Playground