Skip to main content

Introduction to HTML

Welcome, web explorer! 🌐 Ready to build the foundation of every website? HTML (HyperText Markup Language) is where it all begins. Think of HTML as the structure of your house—the walls, doors, and windows that shape your web pages.

What is HTML & How It Works with CSS/JS​

HTML is not a programming language—it's a markup language. It tells the browser what each part of your page is: headings, paragraphs, images, links, and more. CSS (Cascading Style Sheets) makes your pages beautiful, and JavaScript (JS) adds interactivity. Together, they create modern websites!

  • HTML: Structure
  • CSS: Style
  • JS: Behavior

Basic Document Structure​

Every HTML page starts with a standard structure:

<!DOCTYPE html>
<html>
  <head>
    <title>My First Web Page</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <p>This is my first web page. 🚀</p>
  </body>
</html>
  • <!DOCTYPE html> tells the browser this is an HTML5 document.
  • <html> wraps the whole page.
  • <head> contains info about the page (not shown to users).
  • <body> contains everything you see on the page.
Pro Tip

Use a code editor like VS Code for syntax highlighting and auto-complete.

What's Next?​

Now that you know what HTML is, let's explore the building blocks: Elements & Attributes. You're on your way to becoming a web creator!