Introduction to HTML & CSS

Foundational skills for aspiring web developers

This course is designed for those starting in web development. It focuses on the fundamentals of HTML and CSS, covering how to structure content and apply styling to create simple, functional web pages. Practical exercises reinforce each concept, helping you develop practical ability in writing and editing code. The course is suited to those with little to no coding experience who want to provide a foundation for further front-end development. 

Learning objectives
  • Create simple web pages with HTML 
  • Structure content with links and images 
  • Build tables and basic forms 
  • Apply CSS for visual styling 
  • Format text and backgrounds 
  • Understand the box model 
  • Use selectors and properties 
  • Apply basic responsive design techniques 

Key facts

Certification

This is a skills and knowledge-based course with no formal accreditation.   

Who it’s for

This course is suitable for those new to front-end development or seeking a basic understanding of HTML and CSS. 

Prerequisites

This course requires no prior coding experience, with only basic IT skills, such as web browsing, needed. 

Exam information

This course does not include an exam. 

Optional extras

There are no optional extras for this course.  

Pre-course

No preparation work is required for this course. 

Course syllabus

Dive into the detail of the course by looking at the syllabus below.

  • Session 1: INTRODUCTION
    • Setting up the development environment
    • How the web works
    • About HTML
    • About CSS
    • A first web page
    • Publishing
  • Session 2: HTML
    • Elements, tags, and attributes
    • Document structure
    • Comments
    • Simple text elements
    • Hyperlinks
    • Images
    • Lists
    • Tables
    • Simple forms
  • Session 3: CSS
    • Selectors and properties
    • Adding CSS to HTML
    • Comments
    • Font and text
    • Colour and background
    • Width and height
    • The box model
    • Type, class, and ID selectors
    • Simple layouts
    • An introduction to responsive design

FAQs

This course introduces HTML and CSS fundamentals with a focus on building simple web pages. It supports beginners in developing core front-end skills, covering structure, styling and basic responsiveness. The course is designed to provide a clear starting point for further web development learning. 

What is HTML used for?

HTML is used to structure content on web pages, defining elements such as headings, paragraphs, links, images and forms. It defines the structure that browsers use to render content to display content correctly, forming the foundation of all websites. 

What role does CSS play in web development?

CSS controls how web content looks and behaves visually. It allows styling of elements through colours, fonts, spacing and layout, helping maintain consistent presentation across pages across different pages and devices.  

Is this course suitable for complete beginners?

Yes, the course is designed for those with no prior coding experience. It introduces key concepts step by step, supported by practical exercises that support practical understanding of HTML and CSS. 

What study option is available for this course?

This course is delivered through a live virtual classroom, providing access to expert instruction and interactive labs in a structured online learning environment. 

Why study with TSG?
25+ years' experience

Trusted by individuals, businesses and public sector organisations for over 25 years.

20,000+ learners trained

Join a network of learners focused on developing their software testing skills 

98% customer satisfaction

TSG trainers are frequently rated as ‘good’ or ‘excellent’ by our learners

Speak to our team
Guidance from experienced advisors

If you’re unsure which course aligns with your technical requirements or career direction, we’ll help you assess your options and choose with confidence.  

Build capability
Develop skills that support real delivery outcomes

From software testing to broader digital skills, we work with you to design learning that strengthens capability, improves performance, and supports long-term business goals.

Quote request

Please complete the form to ensure your quote is accurate and we will contact you soon.

Page {{ step }} of 2

Back Next