📚 This article was originally published on MAK Studio. Check out the full interactive lesson with live demos and code examples.
Quest 1 • Lesson 1
Building Your First Header
Think of HTML as the skeleton of a house.
Before we paint the walls (CSS), we need to put up the structure.
"Every web page starts with a simple set of tags that tell the browser what is a header and what is a paragraph."
index.html
Hello World
This is my first web page.
🧠 Understanding the Tags
-
<h1>– Heading level 1 (the most important heading). -
</h1>– Closing tag for the heading. -
<p>– Paragraph tag. -
</p>– Closing tag for the paragraph.
Most HTML elements have an opening tag <tag> and a closing tag </tag>. The content goes in between.
✨ Challenge: Create Your Own Header
Change the text inside the <h1> to your name, and the paragraph to a short introduction.
<h1>Your Name Here</h1>
<p>I'm learning HTML and this is my first page!</p>
📋 Copy Code
❤️ Support Free Education
This course is 100% free. If it helps you, consider buying me a coffee.
➡️ Ready for more?
Next lesson: Links & Navigation – connect pages together.
(Coming soon – check back or buy Pro Pack for instant access)
🚀 Want more free lessons?
This is part of a free 30+ lesson curriculum on HTML, Python, AI, and JavaScript. No sign-up. No ads. Just code.
Top comments (0)