Day 30: Final Mini Profile

HTML Masterclass

Current Task

Congratulations on reaching Day 30! Let's combine semantics and images.

Step 1: Create a <main> container.

Step 2: Inside, create a <header> with an <img> (src="me.jpg", alt="Me") and an <h1> ("John Doe").

Step 3: Below the header, create a <section> containing a paragraph with "Web Developer".

index.html

<main>
  <header>
    <img src="me.jpg" alt="Me" />
    <h1>John Doe</h1>
  </header>
  <section>
    <p>Web Developer</p>
  </section>
</main>

* Hint: Correct characters turn green, incorrect ones turn red.

Live Preview

🖼️

Verify your code to see the preview