Learn to Code - HTML and CSS

Learn to create a basic web page from scratch using HTML and CSS.

Key details

Location

Online

Course overview

In today's digital world, coding is a fundamental skill. This course is for those eager to learn how to create a basic web page using HTML and CSS.

As key languages in web design, HTML and CSS are essential and in high demand. Coding is a critical skill of the future, vital as workplaces become automated and digital technology advances.

Learning to code opens new opportunities and career paths. Coding enhances problem-solving skills and the ability to quickly identify errors. It changes how you interact with the digital world, fostering a mindset of continuous improvement.

Tuition fees per individual: £380* (group discounts available)

*If you're a student or staff different fees apply. Please visit our dedicated student and staff areas for specific information.

How to apply

See course dates below that are available to book.

Upcoming Short Courses

Short Course_Coding HTML CSS_Main Image

Wed 04 Nov 2026

Five Part | 04 November - 02 December | 14.00 - 16.30 | Price:£380

Learn to Code - HTML and CSS | Autumn

Online

Learn to create a basic web page from scratch using HTML and CSS. In today's digital world, coding ...

Learn to Code - HTML and CSS | Autumn

Wed 10 Feb 2027

10 Feb - 10 Mar | Every Weds eve | 18:00 - 20:30 | £380

Learn to Code - HTML and CSS - Feb 2027

Learn to create a basic web page from scratch using HTML and CSS.In today's digital world, coding is...

Learn to Code - HTML and CSS - Feb 2027

If no upcoming Short Courses are displayed above, get in touch with us for more information.

Apart from our Short Courses for 14-17 Year Olds, all of our Short Courses are for adults 18+.

Course details

In today's digital world, coding is a fundamental skill. This course is for those eager to learn how to create a basic web page using HTML and CSS. As key languages in web design, HTML and CSS are essential and in high demand. Coding is a critical skill of the future, vital as workplaces become automated and digital technology advances.

Introduction to HTML: Explore the origins and basics of HTML, the backbone of web development.
Getting the Best Code Editor: Discover the top editor choices that will make your coding experience smoother and more efficient.
Core Concepts of HTML: Understand the fundamental elements and structure that make up HTML.
Structure a HTML Document: Learn to organise your HTML code for clarity and functionality.
Headings and Paragraphs: Master the basic text elements that give structure to your web pages.
Unordered & Ordered Lists: Create lists that enhance the readability and organization of your content.
Preview: See your HTML in action with live previews of your work.
Hyperlinks: Connect your pages and resources with effective link creation.
Comments: Use comments to annotate and explain your code for future reference.
Using the Sections: Divide your HTML document into meaningful sections for better structure.
Margins & Padding: Control the spacing around your elements for a clean and organised layout.

Introduction to CSS: the language that brings style and design to your web pages.
Types of CSS: Explore the different ways to apply CSS to your HTML.
Syntax: Learn the rules and structure of writing CSS code.
Images - Optimising: Ensure your images are web-friendly and look great without slowing down your site.
Colour - RGBA & Hexadecimals: Add vibrant colours to your site using various colour codes and models.
Fonts - Styling Text: Customize the appearance of your text to enhance readability and aesthetics.
Aligning Text: Position your text accurately within your layout for a polished finish.

Video - HTML tags & YouTube: Embed and customize video content to enrich your web pages.
Fonts & Google Fonts: Access a vast library of fonts to make your text stand out.

Nav Tags & Article Tags: Use semantic tags to improve the structure and accessibility of your content.
Selectors: Target specific elements with precision using CSS selectors.
What is a Div: Understand the versatile div element and its role in layout design.
ID and Classes: Differentiate between IDs and classes for targeted styling and scripting.
Floats & Positioning: Control the layout flow and positioning of your elements with advanced CSS techniques.

Further CSS: Delve deeper into advanced CSS properties and techniques.
Practicing What We’ve Learnt in Different Contexts: Apply your skills in various scenarios to reinforce your understanding.
Wing It with JavaScript: Get a taste of JavaScript and see how it can add interactivity to your web pages.

Coding course structure (95.47 KB)

Susannah Travis - Course Lead

Susannah is the Digital Skills Team Lead, delivering a range of courses. With over a decade of experience in teaching Adobe and Microsoft applications, she specialises in both individual training and tailored group sessions. Her aim is to enable students to achieve a high level of digital literacy, enhancing their work and everyday lives.

Find out more

What you'll learn

In this course, you'll learn HTML and CSS basics, including structure, headings, lists, hyperlinks, comments, and previews. You'll also cover CSS syntax, styling techniques, image optimization, colour codes, fonts, text alignment, and video embedding. Advanced techniques like nav and article tags, IDs, classes, floats, and positioning are included. You will practice in various contexts.

By the end of the course, you'll be able to create structured HTML documents, style web pages, optimise images, use fonts, embed videos, and work on code to many content management systems.

How you'll learn

Our online short courses are delivered through Canvas, our online learning platform, with scheduled tutor-led sessions delivered through BigBlueButton, a browser-based online meeting tool, ensuring a seamless learning experience. Each session begins with a live online session where the tutor introduces the topic and guides learners through the course materials. Learning is supported through a range of methods, including videos and practical exercises, with tutors available throughout the session to provide guidance and answer questions. Our blended teaching approach combines live tutor support with high-quality online learning resources, creating an engaging and supportive learning experience.

Read our short course terms & conditions

Non-credit Bearing Courses Student Terms & Conditions (315.71 KB)

How to apply

This course is for beginners, intermediate learners, students, professionals and hobbyists keen to learn web development or deepen their skills. It covers essential topics from HTML basics to advanced CSS techniques, ensuring a comprehensive learning experience

Tuition fees per individual	£380* (group discounts available)

*If you're a student or staff different fees apply. Please visit our dedicated student and staff areas for specific information.

To apply for this course, make your selection from the available dates below, this will take you to an event page where you will be able to book yourself onto the course via the Book now link.