Chapter 3
Beginner
7 min read
Getting Started
Your First HTML Page
Put everything together and build your very first HTML webpage from scratch. You'll write real code, view it in a browser, and understand every single line.
🎯 What you'll learn
✓Plan the structure of a web page
✓Write a complete HTML file from
scratch
✓Add headings, paragraphs and a
link
✓Open the file in your browser
Plan the Page
Before typing any code, sketch what you want. Our first page will have: a title, a heading, an introductory paragraph, a list, and a link.
✅ Good Habit
Always plan your page structure before writing
code. It saves
time and avoids messy HTML.
Write the HTML
Create a file called index.html and type
this
complete page:
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>About Me</title>
</head>
<body>
<h1>Hi, I'm Learning HTML!</h1>
<p>This is my first web page.</p>
<ul>
<li>A personal portfolio</li>
<li>A blog</li>
</ul>
<a href="https://k2infocom.com">Visit K2infocom</a>
</body>
</html>View in Browser
Try the full page live below — edit it and hit Run:
Live Editor
✎ Editor
👁 Preview
❓ Quick Check — Chapter 3
What HTML tag is used for the largest heading on a page?
📄 Chapter Summary
- Plan your page structure before writing any code.
- Use
<h1>–<h6>for headings,<p>for paragraphs. - Use
<ul>+<li>for unordered lists. - Use
<a href="...">to create hyperlinks.