0
0
HTMLmarkup~15 mins

Paragraphs in HTML - Mini Project: Build & Apply

Choose your learning style9 modes available
Creating Paragraphs in HTML
📖 Scenario: You are building a simple webpage to introduce yourself. You want to add some text about your hobbies and interests using paragraphs.
🎯 Goal: Create a basic HTML page with two paragraphs describing your hobbies and interests.
📋 What You'll Learn
Use semantic HTML5 structure
Create two separate paragraphs using the <p> tag
Include a <main> section to hold the paragraphs
Add a lang attribute to the <html> tag
Include charset and viewport meta tags for accessibility and responsiveness
💡 Why This Matters
🌍 Real World
Paragraphs are the basic way to add readable text content on webpages, used everywhere from blogs to company sites.
💼 Career
Knowing how to structure text with paragraphs and semantic HTML is essential for web developers and content creators to build accessible and well-organized websites.
Progress0 / 4 steps
1
Set up the basic HTML structure
Create a basic HTML5 skeleton with <!DOCTYPE html>, <html lang="en">, <head> with <meta charset="UTF-8"> and <meta name="viewport" content="width=device-width, initial-scale=1.0">, and an empty <body>.
HTML
Need a hint?
Remember to include the lang attribute in the <html> tag and the meta tags inside <head>.
2
Add a main section
Inside the <body>, add a <main> element to hold the content of the page.
HTML
Need a hint?
Use the <main> tag to wrap the main content of your page.
3
Add the first paragraph
Inside the <main> element, add a paragraph <p> describing your first hobby. Use the exact text: I enjoy reading books about history and science.
HTML
Need a hint?
Use the <p> tag to create a paragraph with the exact text given.
4
Add the second paragraph
Below the first paragraph inside the <main>, add a second paragraph <p> with the exact text: I also like hiking and exploring nature on weekends.
HTML
Need a hint?
Add a second <p> tag with the exact text below the first paragraph.