0
0
HTMLmarkup~15 mins

First HTML page - Mini Project: Build & Apply

Choose your learning style9 modes available
LearnWhyDeepRenderTryChallengeProjectRecallPerf
First HTML page
📖 Scenario: You want to create a simple webpage that shows a welcoming message about your favorite hobby.
🎯 Goal: Build a basic HTML page with a title and a heading that displays the hobby name.
📋 What You'll Learn
Use semantic HTML5 structure
Include a <title> in the <head>
Add a main heading inside the <body>
Use the exact text values given in instructions
Ensure the HTML is valid and renders correctly in a browser
💡 Why This Matters
🌍 Real World
Creating a simple personal webpage or introduction page for a hobby or interest.
💼 Career
Understanding basic HTML structure is essential for any web development or content creation role.
Progress0 / 4 steps
1
Create the HTML skeleton
Write the basic HTML5 structure with <!DOCTYPE html>, <html lang="en">, <head>, and <body> tags.
HTML
Need a hint?

Start with the document type declaration and open the html tag with the language set to English.

2
Add the page title
Inside the <head> tag, add a <title> tag with the exact text My Hobby Page.
HTML
Need a hint?

The title appears in the browser tab. Use the exact text given.

3
Add a main heading
Inside the <body> tag, add a main heading <h1> with the exact text Welcome to My Hobby.
HTML
Need a hint?

The main heading is the biggest heading on the page. Use <h1> for it.

4
Add a paragraph describing the hobby
Below the <h1>, add a paragraph <p> with the exact text I enjoy painting landscapes and nature scenes.
HTML
Need a hint?

Use the paragraph tag <p> to add descriptive text below the heading.