WEBVTT

00:00:00.000 --> 00:00:06.000
What gives a web page its structure?

00:00:06.000 --> 00:00:13.000
HTML marks up headings, text, links and other content.

00:00:13.000 --> 00:00:18.000
Meet the page structure.
6 useful HTML basics.

00:00:18.000 --> 00:00:30.000
HTML describes the content
HyperText Markup Language identifies the parts of a page.
Headings · Paragraphs · Links and images

00:00:30.000 --> 00:00:42.000
Elements give things meaning
A real heading or button communicates its purpose.
Heading element · Button element · Meaningful structure

00:00:42.000 --> 00:00:54.000
Links connect destinations
Addresses let people move between pages and resources.
Link text · Destination address · Related information

00:00:54.000 --> 00:01:06.000
Forms collect information
Labels and suitable controls help people enter the right details.
Visible labels · Input controls · Clear instructions

00:01:06.000 --> 00:01:18.000
Styling is handled separately
CSS can change the look while HTML describes the structure.
Content structure · Visual styling · Working together

00:01:18.000 --> 00:01:30.000
Review structure as well as looks
Useful headings and controls help people navigate the page.
Logical headings · Recognisable controls · Clear reading order

00:01:30.000 --> 00:01:39.000
Your checklist
HTML describes the content · Elements give things meaning · Links connect destinations · Forms collect information · Styling is handled separately · Review structure as well as looks

00:01:39.000 --> 00:01:47.000
Give the content a clear, meaningful structure.
jerseyweb.je