Course Details

  • Course Code: UKMG18CHC
  • Location: Online
  • Duration: 9 hours
  • Cost: £899.00
  • Qualification: All modern browsers and devices

Further Details

  • Course Access: 12 months
  • Exams Included: Yes
  • Compatibility: All modern browsers and devices

Approved Course:




Includes the Following Courses

Level 1 CSS Certificate
Level 1 HTML & CSS Certificate
Level 2 HTML 5 Certificate

The Complete HTML & CSS Diploma

If you want to work as a developer or web designer, you will need to understand and use HTML and CSS. HTML is a computer language that allows you build websites, whereas CSS coding enables you to adjust their appearance.

This bundle will provide you with a beginners’ guide to this technology. Assuming no prior knowledge, these courses take you step by step through the process of creating apps and websites that can then be run on many digital devices and platforms. Each course contains videos to consolidate your learning.

What You Will Learn

This combined course includes the following:

  • Level 1 CSS Certificate
  • Level 1 HTML & CSS Certificate
  • Level 2 HTML 5 Certificate

Level 1 CSS Certificate

CSS coding is the basis of web design. Even if you are outsourcing web design tasks to someone else, a basic knowledge of CSS is still helpful as it enables you to make minor amendments with minimal assistance.

In this course, you will first learn where and how to practise your coding for free. You will learn the differences between HTML and CSS, how to identify and use “ids” and “classes,” and how to use padding in the design and development of a web page. The course also addresses the use of font and colour in web design, layout options and paragraph tags.

Level 1 HTML & CSS Certificate

This course will enable you to harness the latest version of HTML5 to create your own websites and apps. This course will teach you how to select a text editor, create a new file and start building a site or app using basic code.

You will then learn how to use syntax correctly when developing your project, how to preview a website as you build it, and how to create lists, links and tables. You will also discover how to use simple CSS files in order to make your website appear even better. The course contains test exercises after each video tutorial.

Level 2 HTML 5 Certificate

If you are comfortable with the basics of HTML, this course will help you build on your skills. The course begins with a brief overview of material covered in Level 1 before covering additional components of a webpage, including arrays, quotations, citations, headings, indent lines, embedded media, and much more.

You will also learn about APIs, search engine readiness and how to source code from external libraries. The course includes lab exercises you can use to test your new knowledge. Upon completing the course, you will be able to build functional, well-designed websites that are both useful and aesthetically pleasing.

The Benefits of Our HTML & CSS Bundle

  • If you are looking to get a job in the IT sector, this collection of courses will provide you with an overview of two skills you will need to master when entering the field
  • HTML and CSS skills enable you to build and customise websites, so this bundle will also be of interest to anyone looking to take on additional responsibilities for website and social media marketing at work
  • This bundle may help you develop an understanding of technology others use at your place of work
  • Learning HTML and CSS can be a starting point for a new hobby that allows you to express your creativity online


Course Modules/Lessons

Level 1 CSS Certificate

Module 01: Introduction

Module 02: Course Requirements

Module 03: HTML Styles Crash Course

Module 04: Adding Code to the CSS

Module 05: Adding in IDs to the CSS

Module 06: Classes in CSS

Module 07: Font Families

Module 08: Colors in CSS

Module 09: Padding in CSS

Module 10: Text Align and Transforms

Module 11: Margins and Width

Module 12: Changing the Body

Module 13: Latin Text Generator

Module 14: Adding in a Horizontal Menu with HTML and CSS

Module 15: Adding a Background Image

Module 16: Playing Around with Margins in CSS

Level 1 HTML & CSS Certificate

Module 01: Introduction

Module 02: Basic Tools, Information & Terminology

Module 03: Activity – Create a Website from Scratch with Text

Module 04: Activity Solution – Review

Module 05: A Look at Common HTML5 Tags

Module 06: Using Elements – The Building Blocks of Web Creation

Module 07: Activity – Create a Website with Header Tags, Text & Code Comments

Module 08: Activity Solution – Review

Module 09: A Look at CSS

Module 10: The Basics of CSS

Module 11: Activity – Adding CSS Properties to Tags in Your Website

Module 12: Activity Solution – Review

Module 13: A Look at Lists & Links

Module 14: Unordered Lists, Ordered Lists, Hyperlinks & Attributes

Module 15: Activity – Create a Website to Include Lists and Links

Module 16: Activity Solution – Review

Module 17: A Look at Images in HTML5

Module 18: Adding Images to Your Website – The img Tag

Module 19: Activity – Create a Multi Web Page Website to Include Images

Module 20: Activity Solution – Review

Module 21: A Look at How to Use Tables for Data

Module 22: Using the Table Tag to Display Data Clearly

Module 23: Activity – Create a Simple Website That Includes Tables

Module 24: Activity Solution – Review

Module 25: A Look at Webforms

Module 26: Building a Webform

Module 27: Activity – Create a Website to include a Form (Sign-Up Page)

Module 28: Activity Solution – Review

Level 2 HTML 5 Certificate

Module 01: Introduction

Module 02: HTML5 Specialist Designation

Module 03: Creating an HTML5 Page

Module 04: Tool Suites

Module 05: The Basic Document Structure

Module 06: Tag Anatomy

Module 07: Coding Text Output – Section Introduction

Module 08: Paragraph Tags

Module 09: Break Tags

Module 10: Pre Tags for Preformatted Text

Module 11: Heading Tags

Module 12: List Tags – Ordered & Unordered

Module 13: Block Quote Tags

Module 14: Formatting Tags Various – To Change Text

Module 15: Code Tags

Module 16: Containers – Elements That Hold Content

Module 17: Hyperlinks – Section Introduction

Module 18: Internal Links

Module 19: External Links

Module 20: Target Attributes – To Control Where Links Appear

Module 21: Named Anchors (Bookmarks)

Module 22: Rich Internet Application (RIA) – Section Introduction

Module 23: Image Tags – How to Add & Adjust Images

Module 24: How to Create Image Links

Module 25: Image Measurement – Pixels & Width of Object

Module 26: Responsive Images

Module 27: Adding Audio

Module 28: Adding Videos

Module 29: Tables – Section Introduction

Module 30: How to Create a Basic Table

Module 31: Table Borders – To Organise Data

Module 32: Table Width – Specification & Adjustment

Module 33: Improving & Enhancing Your Tables

Module 34: Tables for Complex Data

Module 35: Embedding a Video/Document Using iFrame

Module 36: Adding a Table Caption – To Provide Additional Information for the User

Module 37: How to Create Usable Forms for Good Conversions – Section Introduction

Module 38: Form Tags – Creating Initial Form Boundaries for User Interaction

Module 39: Obtaining User Information on Form

Module 40: Using Input Tags to Prevent Problematic Input by Users

Module 41: Capturing Correct User Data

Module 42: Submitting the Form to the Server

Module 43: Generic Button Customisation

Module 44: Dates & Calendar Control

Module 45: Input Type Number

Module 46: Field Set Tag – For Grouping Related Form Elements

Module 47: Professional Coding Techniques – Section Introduction

Module 48: Comment Your Code

Module 49: How to Use Metatags – Providing Metadata about the HTML Document

Module 50: A Look at JavaScript in HTML

Module 51: Tips for Search Engine Indexing

Module 52: How to Apply Colour

Module 53: A Look at Application Programming Interface (API)

Module 54: The Canvas API – Drawing

Module 55: CSS – Section Introduction

Module 56: How to Insert CSS Style Sheets

Module 57: CSS Selectors – Points to the HTML Element You Want to Style

Module 58: Typography Styling

Module 59: Understanding the Box Model in CSS

Module 60: Creating a Float Point Layout for Compex Layouts

Module 61: Responsive Design – Section Introduction

Module 62: How to Identify Responsive Designs – Example

Module 63: The Get Skeleton Framework

Module 64: Using the Viewport Megatag – To Control the Layout in Browsers

Module 65: Course Conclusion

Example Certificate


Certificate No CERTIDNO
This certificate is to verify that
Your Name

has successfully completed the
THE COMPLETE HTML & CSS DIPLOMA
on the
16th June 2025

Daniel Morgan
Head Tutor
Igrow Academy

This certificate can be verified online at:
https://igrowacademy.co.uk

START THE THE COMPLETE HTML & CSS DIPLOMA NOW



FAQ's

  • Who can take the Complete HTML & CSS Diploma course?

    Anyone who has an interest in learning more about this subject matter is encouraged to take the course. There are no entry requirements to take the course.

  • What is the structure of the course?

    The Complete HTML & CSS Diploma Course consists of 3 courses:
    Each course consists of between 16 and 65 individual modules.
    Modules can take from 20 to 90 minutes to complete. You are free to spend as much or as little time as you feel necessary on each module, simply log in and out of the course at your convenience.

  • Do I have to study the courses in a certain order?

    No. You can study the courses in any order you choose. If you want to, you can do one module from a course and then move on to the next course.

  • Where / when can I study the course?

    You can study the course any time you like. Simply log in and out of the web based course as often as you require. The course is compatible with all computers, tablet devices and smart phones so you can even study while on the move!

  • Is there a test at the end of the course?

    Yes. Once you have completed all of the modules for each course there will be a multiple choice test.
    The questions will be on a range of topics found within the modules. The test, like the course, is online and can be taken a time and location of your choosing.

  • What is the pass mark for the final test?

    The pass mark for each test is 70%.

  • What happens if I fail the test?

    If you don’t pass the test first time you will get further opportunities to take the test again after extra study. There are no limits to the number of times you can take the test. All test retakes are included within the price of the course.

  • When will I receive my certificate?

    Once you have completed your test you can log in to your account and download/print your certificate any time you need it. If you would prefer us to post you a certificate to a UK address, there will be an admin charge of £10 (certificates sent internationally may cost more).

  • How can I pay?

    You can either use your Visa, MasterCard, American Express, Solo cards or PayPal account to pay for the online course. Our site uses the latest SSL encryption to ensure your safety. All payments are handled securely by PayPal.

  • How long after payment can I begin the course?

    You can begin the course immediately after your payment has been received. You will create your login details during the checkout process.
    We will also send you an email confirming your login details.

  • How long does it take to complete the Complete HTML & CSS Diploma course?

    We estimate that the course will take about 9 hours to complete in total.

  • How long is my certificate valid for?

    Once you have been awarded your certificate it is valid for life. The certificate does not expire or need renewing.
Go at your own pace. There are no time limits for this course.
This course is compatible with all modern devices and browsers.
On completion of the course you will be awarded a certificate.
We are here to help if you have any problems.