Student looking at code on an iMac.

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)

Available courses

Online: 

  • Once a week, every Wednesday from 6 November - 4 December, 14:00 - 16:30
  • 19 February – 19 March, weekly, Wednesdays 18:00 – 20:30
  • Daily, Monday 21 July – Friday 25 July, 09:00 – 11:30 

Book course

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

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.

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.​ 

  • ​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. 

Susannah Travis

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 courses are delivered through Microsoft Teams, ensuring a seamless learning experience. Each session starts with a live broadcast from the tutor to introduce the topic and guide you through the resources. Our courses include various learning methods such as videos, quizzes and exercises. The tutor remains available online for real-time support, making learning effective and enjoyable. Our blended teaching approach combines live and pre-recorded content, providing flexibility to learn at your own pace.​ 

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)

Available courses

Online:

  • Once a week, every Wednesday from 6 November - 4 December, 14:00 - 16:30
  • 19 February – 19 March, weekly, Wednesdays 18:00 – 20:30
  • Daily, Monday 21 July – Friday 25 July, 09:00 – 11:30 

Book course

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

Similar courses

Short courses

WordPress: Create Websites & Blogs

Learn how to create a website or blog in WordPress

WordPress: Create Websites & Blogs
Sketchup
Sketchup

SketchUp for Web

​​Step into the world of 3D modelling with SketchUp, the ultimate user-friendly tool for modelli...

SketchUp for Web
Short courses

Premiere Rush - Quick and easy Video editing

Learn the essentials of editing clips, adding audio, titles and more.

Premiere Rush - Quick and easy Video editing
Digital Skills

PowerPoint: create presentations with professionalism and impact

Join our engaging short course to learn the fundamentals of PowerPoint.

PowerPoint: create presentations with professionalism and impact
Short courses

Photoshop Visualisation Skills

​​During this course, we will provide you with the right tools to help you to present your archi...

Photoshop Visualisation Skills
photography for social media_main image

Photoshop for Social Media

Learn how to compose eye-catching banners, design stunning social media graphics and more.

Photoshop for Social Media
Spread of colour photos with American people and flag
Photography Ma 2022

Photoshop for Photographers

Optimise your images for professional results.

Photoshop for Photographers
photoshop

Photoshop for Interior Design

​​This course introduces step-by-step techniques for interior designers to successfully use Adob...

Photoshop for Interior Design
Students in Falmouth campus cafe talking and looking at laptops.
Students working in Fox cafe

Photoshop for absolute beginners

Develop essential skills in image editing on this Adobe Photoshop course for beginners.

Photoshop for absolute beginners
Word

Make Essay & Dissertation writing Easier using MS Word

Master Microsoft Word for writing dissertations and essays with this comprehensive course! Learn to ...

Make Essay & Dissertation writing Easier using MS Word
Blender

Introduction to Blender for 3D Modelling, Animation and Visualisation

Discover the basics of Blender.

Introduction to Blender for 3D Modelling, Animation and Visualisation
Short courses

Getting started with Adobe Photoshop

Take your first steps into the world of image editing and creation.

Getting started with Adobe Photoshop
Person typing on a laptop
Short course_Indesign for Beginners

Getting started with Adobe InDesign

Learn all the basics on our Adobe InDesign Level 1 course.

Getting started with Adobe InDesign
Close up of a laptop keyboard.
Short Course_Intro Illustrator_Main image

Getting started with Adobe Illustrator

Explore the basic concepts and functions of Adobe Illustrator

Getting started with Adobe Illustrator
adobe short course

Getting started with Adobe

Discover Adobe and explore which applications you want to master.

Getting started with Adobe
computer

Get designing with Adobe Photoshop, InDesign and Illustrator

Creatively use Photoshop, Illustrator and InDesign together.

Get designing with Adobe Photoshop, InDesign and Illustrator
Adobe Premiere Pro short course
Adobe Premiere Pro short course

From Beginner to Master: Premiere Pro

This series of Premiere Pro courses will enhance your digital skills in the competitive jo...

From Beginner to Master: Premiere Pro
Photoshop Short Course
Photoshop Short Course

From Beginner to Master: Photoshop

This series of Photoshop courses will enhance your digital skills in the competitive job m...

From Beginner to Master: Photoshop
Film and television short course
Film and television short course

From Beginner to Master: InDesign

This series of InDesign courses will enhance your digital skills in the competitive job ma...

From Beginner to Master: InDesign
Adobe Illustrator short course
Adobe Illustrator short course

From Beginner to Master: Illustrator

This series of Illustrator courses will enhance your digital skills in the competitive job...

From Beginner to Master: Illustrator
Screen with coding on.
ACA After Effects_main image

From Beginner to Master: After Effects

This series of After Effects courses will enhance your digital skills in the competitive j...

From Beginner to Master: After Effects
Digital Skills

Figma for UI and UX Design

​​This beginner-friendly course offers a concise introduction to Figma, a leading collaborative ...

Figma for UI and UX Design
Short courses

Excel Data Analysis and Visualisation in Excel

Elevate your Excel skills with this course, designed for those eager to master data analysis and vis...

Excel Data Analysis and Visualisation in Excel
Short courses

Creating Motion Graphics with Adobe After Effects

Create and manipulate motion graphics, visual effects and more.

Creating Motion Graphics with Adobe After Effects
Canva

Create compelling Social media content with Canva

Learn how to professionally design and easily prepare images in Canva

Create compelling Social media content with Canva
Laptop with a burst of powdered colours.
Short Course_Premiere Intro_Main image

Adobe Premiere Pro: Introduction to Video Editing

Learn the basics of video editing.

Adobe Premiere Pro: Introduction to Video Editing
adobe short course

Adobe Express for Portfolios

Build an online portfolio with ease with this Adobe Express short course.

Adobe Express for Portfolios
Digital Skills

Adobe Express for CVs

This short course will show you how to create and build a CV and then customise it using professiona...

Adobe Express for CVs
Male Creative Advertising student sitting on a red sofa at Falmouth University
Creative advertising student at laptop

Adobe After Effects for Instagram

Do you want your Instagram posts to stand out from the crowd? In this course, you’ll learn how to ...

Adobe After Effects for Instagram