About Me Section
Part of the Fundamentals section of Coddy's HTML journey — lesson 33 of 60.
Challenge
EasyThis is your profile—let people know who you are!
- After adding your profile picture, create a
<div>. - Inside it, add a heading with
<h2>that says 'About Me'. Add short paragraph<p>to share a little about yourself.
For example:
- Hello! I'm a passionate web developer learning HTML basics. I enjoy coding and building creative projects.
Try it yourself
<!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>All lessons in Fundamentals
2Text and Formatting
HeadingsParagraphsLine BreaksBold and Italic TextBold and Italic AgainRecap - Formatting8Forms and Inputs Part 1
Form BasicsText InputsInput AttributesPassword FieldLabels for InputsRecap - Basic Form11Event Registration Page
Project OverviewHeader Section
Event Details SectionRegistration FormFooter Section9Forms and Inputs Part 2
Radio ButtonsCheckboxesDropdownsButtonsButtons in FormsRecap - Forms #1Recap - Forms #2