OCR H446 ยท 1.3.4 Web technologies
Web Challenges
20 short, guided HTML, CSS and JavaScript tasks that mirror what OCR A-level asks you to write: fill in the gaps, build to a spec, or fix the bug, then get instant marking. Every task stays inside the OCR Appendix 5d construct set.
☰ Browse by Topic
CSS
Selectors and how a rule finds what it styles: element, class and id, grouped selectors, and inline, internal and external style sheets.
Three selectors
Style a news page using internal CSS (inside the <style> block in the head). Write three rules: All <p> para
Style the heading (external sheet)
A bakery uses an external stylesheet . In index.html , add the <link> that attaches css/style.css . Then in that s
Fix the stylesheet
A student's stylesheet has four mistakes and nothing is styling correctly. The intended behaviour: all paragraphs navy t
Style the notice box
A library website shows opening-hours notices in a box with the class notice . Complete the CSS rule so that every eleme
Group selectors for headings
A gallery page has two headings ( <h1> and <h2> ) that should share the same colour. Rather than write the s
Space out the card
A notice board shows each notice in a box. Style the element with class card so the box has some breathing room: 16px of