Über-mich-Bereich
Teil des Abschnitts Grundlagen der HTML-Journey von Coddy. Lektion 33 von 60.
Aufgabe
Einfach<div>-Tag eingeschlossen sind:1. Kopfzeilenabschnitt: Ein
<div>, das ein <h1> mit deinem Namen und ein <p> mit einem kurzen Slogan enthält.2. Profilbild: Ein
<div>, das ein <img>-Tag enthält.3. „Über mich“-Abschnitt: Ein
<div>, das ein <h2> mit dem Text „About Me“ und ein <p>-Tag enthält, in dem du ein wenig über dich selbst erzählst.Stelle sicher, dass deine HTML-Struktur dieser Reihenfolge folgt, damit die Tests bestanden werden.
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>
<!-- About Me Section: Add an <h2> and a <p> tag inside this div -->
<div>
</div>
</body>
</html>Alle Lektionen in Grundlagen
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