HTML · Lesson 1 of 9

HTML introduction

What HTML is, how a page is built and what a browser does with it.

HTML describes the structure of a web page: headings, paragraphs, links, images, forms. A browser reads the HTML and draws the page. CSS adds the look, JavaScript adds behaviour.

A complete HTML document

<!doctype html> tells the browser this is modern HTML.
<html> wraps the whole page; lang="en" sets the language.
<head> holds information about the page — title, character set, links to CSS.
<body> holds everything the visitor sees.

Try it yourself

Code editor

Edit the code and press Run (or Ctrl/⌘ + Enter). Code runs only in your browser, in a sandbox.

Key points

HTML = structure, CSS = style, JavaScript = behaviour.
Visible content goes inside <body>.
The <title> shows in the browser tab and in search results.

Quick check

Which part of an HTML page holds the content the visitor sees?

Practice task

Change the title to your name and add a second paragraph saying which job role you are preparing for.

Interview corner

What is the purpose of <!doctype html>?

It tells the browser to render the page in standards mode rather than the old 'quirks' mode, so layout follows modern rules.

What goes in <head> vs <body>?

<head> holds metadata — title, charset, viewport, links to CSS and scripts. <body> holds the visible content.