HTML, Media, Lists and Links
Describe, read and implement the required HTML elements and internal and external hyperlinks using relative and absolute addressing.
How to study National 5 Computing Science
Move from functional requirements to designs and implementation, trace data and code carefully, and support testing and evaluation with evidence.
Core concepts
Concept 1
Required structural and content elements include html, head, title, body, headings, paragraphs and div.
Exam cue: Follow nesting and closing tags before judging the page structure.
Concept 2
Required content elements include link, anchor, img, audio, video, ol, ul and li.
Exam cue: Choose relative addressing for internal site resources and complete absolute addressing for external targets.
Concept 3
Relative addresses locate resources from the current site structure; absolute addresses give a complete external location.
Risk pitfalls and guardrails
Confusing the document title in the head with a visible page heading.
Guardrail: Check option route, data type, valid boundary, loop condition, array index, identifier and expected output before committing to the response.
Using a local file path as an external hyperlink.
Guardrail: Check option route, data type, valid boundary, loop condition, array index, identifier and expected output before committing to the response.
Placing list items outside ordered or unordered list containers.
Guardrail: Check option route, data type, valid boundary, loop condition, array index, identifier and expected output before committing to the response.
Memory anchors
Document structure
html contains head and body; title belongs in head and visible content belongs in body.
Text structure
Use heading and paragraph elements, with div for a grouped page region.
Media elements
img displays graphics, audio embeds sound and video embeds moving media.
Lists
ol is ordered, ul is unordered and each item uses li.
Relative address
A path resolved from the current document or site structure.
Absolute address
A complete resource location, normally including protocol and domain.
Checkpoint rule
Do the check-up only after you can summarize each concept in one sentence and identify one dangerous pitfall from memory.
Knowledge Check (after reading)
Short check-up to confirm understanding of this module.
Check-up Questions
What is missing from `h1 { font-size 30px; }`?
Which rule makes headings white on black?
Answer all questions to submit.
Next step personalized recommendations
Continue learning
Move forward only after this module is stable.
What is Pass Harbor?
Completely free exam prep for 247 UK exams.
- Practice questions
- Flashcards
- Study guides
- Mock exams
- No registration
- No paywall
- Start instantly
“No more expensive exam prep. Quality study tools should be accessible to everyone.”