🌐beginner
HTML Basics — Your First Web Page
Learn what HTML is and build your first web page from scratch using tags, headings, paragraphs, and links.
What is HTML?
HTML stands for HyperText Markup Language. It's the skeleton of every website you've ever visited. HTML tells the browser what content to show — headings, paragraphs, images, links, buttons, and more.
Think of it like this: if a website were a house, HTML would be the walls, floors, and roof. CSS is the paint and furniture, and JavaScript is the electricity and plumbing.
Your First HTML Page
html
<!DOCTYPE html>
<html>
<head>
<title>My First Page</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is my first web page.</p>
</body>
</html>Breaking It Down
Every HTML page has the same basic structure:
• <!DOCTYPE html> — tells the browser this is an HTML5 page
• <html> — the root of your page, everything goes inside
• <head> — metadata like the page title (shows on the browser tab)
• <body> — everything visible on the page goes here
• <h1> — a big heading (h1 is the biggest, h6 is the smallest)
• <p> — a paragraph of text
Common HTML Tags
html
<!-- Headings (h1 biggest, h6 smallest) -->
<h1>Main Title</h1>
<h2>Subtitle</h2>
<h3>Section Header</h3>
<!-- Paragraph -->
<p>This is a paragraph of text.</p>
<!-- Link -->
<a href="https://lumora.camp">Visit Lumora</a>
<!-- Image -->
<img src="photo.jpg" alt="A description of the image">
<!-- List -->
<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ul>
<!-- Button -->
<button>Click Me!</button>Pro Tip
Every opening tag like <h1> needs a closing tag </h1>. Some tags like <img> and <br> are self-closing — they don't need a separate closing tag.
Try It Yourself
Create an HTML page about your favorite hobby. Include: a heading with the hobby name, a paragraph explaining why you love it, a list of 3 things you need for it, and a link to a related website.
Ready to build?
Put what you learned into practice — pick a project and start coding.
Start Building Free