HTML – Your First Webpage
beginner15 XP

What is HTML? Building Blocks of the Web

Discover what HTML is, how browsers read it, and write your first webpage tags!

What is HTML? 🌐

HTML stands for HyperText Markup Language — it's the language every single webpage on the internet is written in!

When you visit YouTube, Instagram, or Roblox, your browser is secretly reading HTML to figure out what to show you. 🤯

HTML is Like LEGO Bricks

Think of HTML as LEGO bricks for webpages:

  • Each brick is called an element or tag
  • You stack them together to build a page
  • Different bricks make different things (headings, images, buttons...)

Your First HTML Tag

Tags come in pairs — an opening tag and a closing tag:

HTML
<p>This is a paragraph!</p>
  • <p> = opening tag (starts the paragraph)
  • </p> = closing tag (notice the /!)
  • Everything between them is the content

The Basic Webpage Structure

Every webpage has the same skeleton:

HTML
<!DOCTYPE html>
<html>
  <head>
    <title>My Awesome Page</title>
  </head>
  <body>
    <p>Hello, World! 👋</p>
  </body>
</html>

| Part | What it does | |------|-------------| | <!DOCTYPE html> | Tells the browser "this is HTML!" | | <html> | The root container for everything | | <head> | Hidden info (like the page title in your browser tab) | | <title> | The name shown in the browser tab | | <body> | Everything the user actually sees goes here |

🔍 Real Life Example

When you open google.com, your browser downloads an HTML file. It reads tags like <input> (the search bar) and <button> (the search button) and builds what you see!

Try It Yourself!

You can test HTML right now by:

  1. Opening Notepad (Windows) or TextEdit (Mac)
  2. Typing some HTML code
  3. Saving as mypage.html
  4. Opening it in Chrome or Firefox

Boom — you're a web developer! 🎉

Quick check

01/3

What does HTML stand for?