Project 2: All About Me

Project 2: All About Me

A profile page is the classic beginner project: text, an image, and a link to somewhere friendly.

The goal

Make an "All About Me" page with a heading, a short intro, a photo, and a couple of lists about you.

What you must have

• <h1>, <h2>, <p>
• <ul> and <ol> with <li> items
• One <img> with a descriptive alt
• One <a> link

Example structure

<h1>Hi, I'm Alex</h1>
<p>I love <strong>learning to code</strong> and building small web pages.</p>

<h2>My hobbies</h2>
<ul>
  <li>Hiking</li>
  <li>Gaming</li>
</ul>

<h2>My goals this year</h2>
<ol>
  <li>Build 10 projects</li>
  <li>Learn CSS</li>
</ol>

<img src="me.jpg" alt="A photo of Alex smiling">
<p>Find me on <a href="https://example.com">my blog</a>.</p>

Tips

• Use <strong> for important words, not just to make them bold.
• Always fill alt - screen readers and broken images rely on it.
• An <ol> numbers your goals in order; a <ul> just bullets them.

Checklist

• [ ] Exactly one <h1>
• [ ] A list of hobbies
• [ ] A list of goals
• [ ] An image with alt
• [ ] At least one link

TL;DR

A profile page is headings + paragraphs + lists + an image + a link. Keep alt filled and link text descriptive.