Our site uses cookies. Some of the cookies we use are essential for parts of the site to operate and have already been set. You may delete and block all cookies from this site, but parts of the site will not work. To find out more about cookies on this website, see our cookie policy.

ZigZag Education Photocopiable and digital teaching resources
Basket
  • Home
  • About Us
    About ZigZag Education Become an Author Vacancies Affiliates
  • FAQ
    Frequently Asked Questions Delivery Licensing Terms & Conditions Inspection Copies Fast Shop (for accounts departments)
  • Contact
  • Sign In
  • An Introduction to HTML & CSS

    web/8733 85 photocopiable pages plus support files

    Available for dispatch £86
    Add

Price includes unlimited photocopying for students attending the purchasing site. Add PDF (+20%) or Editable Word (+50%) upgrade at checkout where available.

Order online; alternatively email or call Customer Services to place your order.

Mailing List Sign Up

Computer Science and IT Computer Science KS3 GCSE AQA 8525 8520 OCR J277 Edexcel 1CP2 1CP1 Eduqas 2020 specification 2016 specification WJEC (2017 specification) WJEC (2025 specification) A Level AQA (7516/7517) For teaching and learning: For online homework and revision: For revision and exam preparation: For programming support: OCR (H046/H446) For teaching and learning: For online homework and revision: For revision and exam preparation: For programming support: WJEC Eduqas IGCSE CIE (0984) Programming Computational Thinking Pseudocode C# HTML/CSS/JavaScript Java Micro:bit PHP and SQL Python Scratch Small Basic Visual Basic Information Technology (Level 1/2) BTEC L1/L2 Digital Information Technology (2022) Information Creative Technology Cambridge Nationals L1/L2 IT (J836 from 2022) Functional Skills GCSE Digital Technology CCEA WJEC AAQ and Vocational (Level 3) BTEC National in Computing (2016) AAQ BTEC National Computing (2025) BTEC National in IT (2016) AAQ BTEC National IT (2025) Course Companions Online Learning and Revision Software Guides Cambridge Technical IT (2016) Level 3 Information Technology AAQ Cambridge Advanced National Application Development (2025) Course Companions Topic on a Page Online Learning and Revision AAQ Cambridge Advanced Nationals Data Analytics (2025) Course Companions Topic on a Page Online Learning and Revision T Levels Digital Software Development Course Companions Employer Set Project Topic Tests Digital Support and Security Digital Production Design & Development (last exams 2026) Creative iMedia Cambridge Nationals (J834) Photoshop / Premiere AI
  • Computer Science and IT
  • Programming
  • HTML/CSS/JavaScript

An Introduction to HTML & CSS

Introduction to HTML/CSS develops students’ coding skills and understanding, from the start of KS3.

Divided into 8 topics, with each one introducing a new skill in HTML or CSS, in addition to reinforcing skills learnt in previous topics.

Student-friendly explanations and code examples, interspersed with practical tasks and review questions (great as starters/plenaries).

Includes printed and/or digital solutions for all exercises!

A good, comprehensive introduction to HTML and CSS for KS3

S Dunne, HoD & Peer Reviewer
Topics
  1. Basic structure of a web page
  2. Headings, paragraphs and comments
  3. Formatting text, block-level elements and backgrounds
  4. Images and simple CSS
  5. Using div tags on a web page
  6. Ordered and unordered lists
  7. Hyperlinks
  8. External style sheets

Share with others:

What do teachers say about this resource? (8733)

Fantastic resource that has helped deliver lessons for GCSE Digital Technology ... The resource is easy to follow as a student, building skills as they progress ... The simple, clear stages of progression when learning to code using HTML and CSS ... Buy it now, good price to support your T&L

J Hillier, Digital Technology Coordinator & Customer

a highly accessible and organised approach to learning HTML and CSS, aimed at building foundational coding skills step-by-step. With its division into eight focused topics, each introducing a specific HTML skill, the course is thoughtfully paced for gradual and manageable learning ... The modular structure, with each topic introducing a single HTML element or concept, offers a logical progression. This is helpful for students who may be new to coding, as it allows them to build on what they’ve learned without becoming overwhelmed by too much information at once.
Each topic introduces CSS alongside HTML, making it easy for students to understand the relationship between structure and style. This is especially useful in developing both technical understanding and aesthetic skills, giving students a holistic view of webpage design.
The inclusion of visual aids and interactive exercises helps engage students with different learning styles. Seeing code in action is key for understanding, and interactive elements make it easier for students to experiment, troubleshoot, and understand the cause-and-effect in coding ... By gradually increasing the complexity of projects across topics, students are encouraged to think critically and troubleshoot code. This instills confidence in their ability to handle more advanced coding tasks over time. The emphasis on practical coding tasks ensures that students immediately apply what they learn. This experiential approach is invaluable for reinforcing skills, as students can directly see the impact of their coding in real-time ... The presentation and layout of this HTML and CSS learning resource are commendable, albeit with certain complexities that may either enhance or detract from the learning experience, depending on the audience's familiarity with the subject matter ... The resource is meticulously organised into eight distinct topics, each targeting a specific HTML skill. This compartmentalisation not only aids in creating a coherent learning path but also allows for a clear delineation of concepts. Such a structured approach is beneficial for students, as it encourages systematic progression and logical accumulation of knowledge ... Each topic is presented with a depth of detail that encompasses various aspects of HTML and CSS. This thoroughness is a significant advantage for learners who appreciate a deep dive into the subject matter. The use of comprehensive explanations and examples ensures that students are not merely skimming the surface but are instead gaining a robust understanding of each concept ... An understanding of HTML and CSS is increasingly relevant in today’s digital landscape. The resource equips students with essential digital skills, enhancing their digital literacy as they learn to navigate and create online content. This aligns with the KS3 curriculum's goal of preparing students to engage effectively with technology in various contexts, both academically and personally. The resource introduces foundational web development concepts, which are critical to understanding the broader field of computer science. Students learn about the structure of web pages through HTML, which correlates with the curriculum's aim to instill knowledge of how digital systems work. Understanding HTML and CSS helps students appreciate how software applications are built and how user interfaces are designed. While HTML is not a traditional programming language, it is essential for understanding how programming interfaces with markup languages. The resource encourages students to create and manipulate HTML documents, effectively fostering coding skills. Coupled with CSS for styling, students gain a practical understanding of how code transforms into functional web pages, which aligns with KS3's focus on developing practical programming skills ... The level of detail is commendable and certainly covers everything is tremendous detail ... This resource is an excellent entry point for beginners in HTML and CSS. It thoughtfully balances technical skill-building with creative exploration, providing students with a well-rounded foundation in web development. The focus on one skill per topic is particularly effective for young learners or beginners who benefit from bite-sized learning, hands-on practice, and clear benchmarks of progress

C Morgans, HoD & Peer Reviewer

Clear screenshots and step by step instructions provided. Background information for each new concept is covered and this is not too wordy. There are also sample pages to show students they should expect to see, which is good for self-assessment. It is a good, comprehensive introduction to HTML and CSS ... Easy to follow worksheets, with lots of practical activities to keep students engaged ... I like the CSS code samples that show how content will appear, if the different formatting is applied. It is also good having the answers at the end ... easy to work through. Students can develop their basic web development skills and understand how the pages they view are developed

S Dunne, HoD & Peer Reviewer

A great resource which is fully supported by all the required files to really explore html with students. It builds steadily and can be used across a wide range of students ... The pitch and challenge is good for all students. It is ready to go and all files and solutions available so students can explore html and are aware clearly of the code they need to write ... This fits very well into a computing curriculum and is suitable for the year group ... This is a good feeder into computational thinking and prepares students for coding in other units throughout KS3

M Rawlings, Digital Leader & Peer Reviewer

Keywords

  • Programming support
  • html
  • css
  • KS3 Computing

A great resource

M Rawlings, Digital Leader & Peer Reviewer

Highly accessible

C Morgans, HoD & Peer Reviewer

An excellent entry point for beginners in HTML and CSS

C Morgans, HoD & Peer Reviewer

Fantastic resource... Buy it now

J Hillier, Digital Technology Coordinator & Customer

Easy to follow worksheets, with lots of practical activities to keep students engaged... Clear screenshots and step by step instructions

S Dunne, HoD & Peer Reviewer

A highly organised approach to learning HTML and CSS, aimed at building foundational coding skills step-by-step

C Morgans, HoD & Peer Reviewer

Simple, clear stages of progression when learning to code using HTML and CSS... Easy to follow as a student, building skills as they progress

J Hillier, Digital Technology Coordinator & Customer

It builds steadily... the pitch and challenge is good for all students. It is ready to go and all files and solutions available so students can explore html and are aware clearly of the code they need to write

M Rawlings, Digital Leader & Peer Reviewer

With its division into eight focused topics, each introducing a specific HTML skill, the course is thoughtfully paced for gradual and manageable learning... The level of detail is commendable and certainly covers everything in tremendous detail...

...The focus on one skill per topic is particularly effective for young learners or beginners who benefit from bite-sized learning, hands-on practice, and clear benchmarks of progress

C Morgans, HoD & Peer Reviewer

Instills confidence

C Morgans, HoD & Peer Reviewer

I like the CSS code samples that show how content will appear... There are also sample pages to show students they should expect to see, which is good for self-assessment

S Dunne, HoD & Peer Reviewer

© ZigZag Education®, Unit 3, Greenway Business Centre, Doncaster Road, Bristol BS10 5PY | Privacy Policy | Cookie Policy | Accessibility Policy 🤖 | Follow Us Join Us