HTML Introduction

HTML (HyperText Markup Language) is the standard language used to structure content on the web. Every website you’ve ever visited is built with HTML at its core, describing the headings, paragraphs, links, images, and other pieces that make up a page.

What HTML Actually Does

HTML doesn’t make a page look a certain way - that’s CSS’s job. HTML describes what each piece of content is: a heading, a paragraph, a list, a link. Browsers read this structure and render it visually.

HTML files use the .html extension and are made up of elements - pieces of content wrapped in tags like <p> or <h1>.

Your First HTML Page

Every HTML document starts with a doctype declaration, followed by an <html> root element containing a <head> (metadata) and a <body> (visible content).

Try it yourself

Input

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>My First Page</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <p>This is my first HTML page.</p>
  </body>
</html>

Output

How Browsers Read HTML

Browsers parse HTML top to bottom, building a tree of elements called the DOM (Document Object Model). This tree is what CSS styles and JavaScript manipulates.

Coding Challenge

Build a minimal HTML5 page with the title "Practice" and a heading that says "I'm learning HTML".

Input

<!-- write your HTML page here -->

Output

Answer every question below to mark this chapter as complete.

Quiz Yourself

Score: 0/4

1. What does HTML stand for?

2. Which part of an HTML document holds visible page content?

3. What is the DOM?

4. Which tag declares the document type at the very top of an HTML file?