HTML Explained: The Structure Behind Your Website
What gives a web page its structure? HTML marks up headings, text, links and other content.
1:47 · No narration: the video shows each step as text on screen, and every step is written out below, with buttons that jump the video to it.
Prefer YouTube? Watch this video on our YouTube channel (opens in a new tab).
The six points in the video
This is a silent video. The headings, explanations and labels below reproduce the information on screen.
-
Step 1: HTML describes the content
HyperText Markup Language identifies the parts of a page.
On-screen labels: Headings; Paragraphs; Links and images.
-
Step 2: Elements give things meaning
A real heading or button communicates its purpose.
On-screen labels: Heading element; Button element; Meaningful structure.
-
Step 3: Links connect destinations
Addresses let people move between pages and resources.
On-screen labels: Link text; Destination address; Related information.
-
Step 4: Forms collect information
Labels and suitable controls help people enter the right details.
On-screen labels: Visible labels; Input controls; Clear instructions.
-
Step 5: Styling is handled separately
CSS can change the look while HTML describes the structure.
On-screen labels: Content structure; Visual styling; Working together.
-
Step 6: Review structure as well as looks
Useful headings and controls help people navigate the page.
On-screen labels: Logical headings; Recognisable controls; Clear reading order.
A practical check for your business
Review the page structure with someone responsible for the website. Headings, links, form controls and other elements should represent the intended content and tasks, including when styles or scripts are unavailable.
Sources and further detail
Common questions
What gives a web page its structure?
HTML marks up headings, text, links and other content. Give the content a clear, meaningful structure.
Go further
More video tips
All 205 videos →
CSS Explained: Colours, Layout and Responsive Website Design
CSS, made clear.
JavaScript Explained: The Behaviour Behind Interactive Websites
JavaScript, made clear.