Über-mich-Bereich
Teil des Abschnitts Fundamentals der HTML-Journey von Coddy — Lektion 33 von 60.
Aufgabe
EinfachDas ist dein Profil – lass die Leute wissen, wer du bist!
- Nachdem du dein Profilbild hinzugefügt hast, erstelle ein
<div>. - Füge darin eine Überschrift mit
<h2>hinzu, die 'About Me' lautet. Füge einen kurzen Absatz<p>hinzu, um ein wenig über dich zu erzählen.
Zum Beispiel:
- Hello! I'm a passionate web developer learning HTML basics. I enjoy coding and building creative projects.
Probier es selbst
<!DOCTYPE html>
<html>
<body>
<!-- Header Section -->
<div>
<h1>John Doe</h1>
<p>Web Developer | Creative Thinker</p>
</div>
<!-- Profile Picture -->
<div>
<img src="https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar25.png" alt="My profile picture" width="200" height="200" />
</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-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