Write your first heading and paragraph — practice exercise

What you'll be asked to do

1. 1.Write your first heading and paragraphexercise · easy · 10 min

   Add an <h1> with the exact text "Hello, HTML" and one paragraph describing yourself in at least one sentence.

   Passes when: Add an <h1> heading; The heading should say "Hello, HTML"; Add a paragraph describing yourself.

2. 2.Give the page a real titleexercise · easy · 10 min · practice plan

   Add a <title> element containing the exact text "My First Page". This is what shows in the browser tab — it is different from a heading on the page itself.

   Passes when: Add a <title> element; The title should say "My First Page".

3. 3.Use an image with real alternative textexercise · easy · 10 min · practice plan

   Add an image with src="https://placehold.co/200x120" and alternative text that starts with "Mountain" describing a mountain landscape at sunrise.

   Passes when: Add an <img>; Use the exact image URL given; Alt text should start with "Mountain".

4. 4.Create a simple unordered listexercise · easy · 10 min · practice plan

   List three favorite web technologies — HTML, CSS, and JavaScript — as list items inside a <ul>.

   Passes when: Add a <ul>; Add three list items; Include JavaScript in the list.

5. 5.Nest elements in the right orderexercise · medium · 15 min · practice plan

   Build a small card: a <div class="card"> containing an <h2>Quick Tip</h2> followed by a <p> with advice text, with the heading as the card's first child.

   Passes when: Add a .card container; The h2 should be the card's first child; Add a paragraph inside the card.

6. 6.Fix the wrong heading levelbug fix · easy · 10 min

   The greeting uses <h2> instead of <h1> for the page's main heading. Fix the tag — the text "Hello, HTML" should stay the same.

   Passes when: Use <h1> for the main heading; Keep the text "Hello, HTML".

7. 7.Fix the wrong page titlebug fix · easy · 10 min · practice plan

   The browser tab shows the wrong text. Change the <title> to read exactly "My First Page".

   Passes when: Set the title to "My First Page".

8. 8.Fix the broken gallery imagebug fix · easy · 10 min · practice plan

   The gallery image's URL is misspelled so it never loads, and it has no alternative text. Fix the URL to https://placehold.co/200x120 and add alt text starting with "Mountain".

   Passes when: Fix the misspelled image URL; Alt text should start with "Mountain".

9. 9.Fix the list built from paragraphsbug fix · easy · 10 min · practice plan

   This list of favorite tools uses <p> tags instead of list items, so it isn't really a list. Change each entry to an <li> inside the <ul>.

   Passes when: Use <li> for every list entry; Keep JavaScript in the list.

10. 10.Fix the card's element orderbug fix · medium · 15 min · practice plan

    The card's paragraph appears before its heading. Reorder them so <h2>Quick Tip</h2> is the card's first child, followed by the paragraph.

    Passes when: The h2 should be the card's first child; Keep the paragraph inside the card.

Between them these tasks cover Introduction to HTML.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.