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 $107.14
    Preview

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.

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) BTEC National in IT (2016) BTEC National in IT (AAQ 2025) Course Companions Online Learning and Revision Cambridge Technical L3 Level 3 Information Technology Cambridge Advanced Nationals (AAQ) in Application Development Course Companions Topic on a Page Online Learning and Revision Cambridge Advanced Nationals (AAQ) in Data Analytics Course Companions Topic on a Page Online Learning and Revision T Levels Digital Production Design & Development 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

Keywords

  • Programming support
  • html
  • css
  • KS3 Computing

Highly accessible

C Morgans, 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

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

Fantastic resource... Buy it now

J Hillier, Digital Technology Coordinator & Customer

An excellent entry point for beginners in HTML and CSS

C Morgans, HoD & 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

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

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