Skip to main content
Imperial Tuitions
  • Home
  • Courses
  • Popular Courses
  • We Offer
  • Get Notified

Join us: to stay updated on new courses, discounts, free learning opportunities, and more

Join us to
Grow Skills,
together!

Get Updates

Imperial Tuitions

Expert-led IT tuition and online courses in programming, web development, databases, and career-focused technology skills.

Explore

  • Home
  • Courses
  • Popular Courses
  • We Offer
  • Get Notified

Information

  • Privacy Policy
  • Terms & Conditions

Contact

  • info.imperialtuitions@gmail.com

Questions about courses or enrolment? Email us anytime.

© 2026 Imperial Tuitions. All rights reserved.

Privacy·Terms
  1. Home/
  2. Courses/
  3. HTML & CSS

HTML & CSS

This HTML & CSS Course is designed for absolute beginners who want to learn how to build modern, responsive, and professional websites from scratch. The course starts with the fundamentals of web development and gradually moves toward advanced styling techniques using modern CSS.

Students will learn how to structure web pages using HTML, design beautiful layouts with CSS, create responsive websites for mobile and desktop devices, and build real-world projects step by step. By the end of the course, learners will have the skills and confidence to design complete static websites with clean and modern user interfaces.

The course focuses heavily on practical learning, hands-on exercises, and real-world projects to ensure students gain strong front-end development skills.

Course Snapshot

£25.00 / Hour

Level: IntermediateDuration: 16 HoursMode: Online / Virtual

What you will learn?

1. Introduction to Web Development

  • What is a website? 
  • Frontend vs backend 
  • How browsers work 
  • HTML, CSS, and JavaScript overview 
  • Tools needed: VS Code, browser, extensions 

2. HTML Fundamentals

  • HTML document structure 
  • Tags and elements 
  • Attributes 
  • Headings 
  • Paragraphs 
  • Line breaks and horizontal rules 
  • Comments 

3. Text Formatting in HTML

  • Bold and italic text 
  • Strong and emphasis 
  • Small text 
  • Superscript and subscript 
  • Quotes and citations 
  • Code and preformatted text 

4. Links and Navigation

  • Anchor tags 
  • Internal links 
  • External links 
  • Email and phone links 
  • Opening links in new tabs 
  • Navigation menus 

5. Images and Media

  • Adding images 
  • Image attributes 
  • Image paths 
  • Audio 
  • Video 
  • Embedding external media 

6. Lists and Tables

  • Ordered lists 
  • Unordered lists 
  • Description lists 
  • Creating tables 
  • Table rows, columns, and headers 
  • Table captions 

7. HTML Forms

  • Form structure 
  • Text inputs 
  • Password fields 
  • Email, number, date inputs 
  • Radio buttons 
  • Checkboxes 
  • Select dropdowns 
  • Textarea 
  • Buttons 
  • Labels 
  • Form validation basics 

8. Semantic HTML

  • Header 
  • Nav 
  • Main 
  • Section 
  • Article 
  • Aside 
  • Footer 
  • Figure and figcaption 
  • Why semantic HTML matters 

9. Introduction to CSS

  • What is CSS? 
  • Inline, internal, and external CSS 
  • CSS syntax 
  • Selectors 
  • Comments 
  • Connecting CSS to HTML 

10. CSS Selectors

  • Element selectors 
  • Class selectors 
  • ID selectors 
  • Group selectors 
  • Descendant selectors 
  • Child selectors 
  • Attribute selectors 
  • Pseudo-classes 
  • Pseudo-elements 

11. Colors and Typography

  • Color names 
  • HEX colors 
  • RGB and RGBA 
  • HSL 
  • Font family 
  • Font size 
  • Font weight 
  • Line height 
  • Text alignment 
  • Text decoration 
  • Google Fonts 

12. Box Model

  • Content 
  • Padding 
  • Border 
  • Margin 
  • Width and height 
  • Box sizing 
  • Overflow 

13. Backgrounds and Borders

  • Background colors 
  • Background images 
  • Background size 
  • Background position 
  • Background repeat 
  • Border styles 
  • Border radius 
  • Box shadow 

14. Display and Positioning

  • Block and inline elements 
  • Inline-block 
  • Display none 
  • Visibility hidden 
  • Static positioning 
  • Relative positioning 
  • Absolute positioning 
  • Fixed positioning 
  • Sticky positioning 
  • Z-index 

15. Flexbox

  • Block and inline elements 
  • Inline-block 
  • Display none 
  • Visibility hidden 
  • Static positioning 
  • Relative positioning 
  • Absolute positioning 
  • Fixed positioning 
  • Sticky positioning 
  • Z-index 

16. Flexbox

  • Flex container 
  • Flex items 
  • Flex direction 
  • Justify content 
  • Align items 
  • Align content 
  • Gap 
  • Flex wrap 
  • Flex grow, shrink, basis 
  • Practical layouts with Flexbox 

17. CSS Grid

  • Grid container 
  • Grid columns and rows 
  • Gap 
  • Grid lines 
  • Grid template areas 
  • Aligning grid items 
  • Responsive grid layouts 
  • Practical layouts with Grid 

18. Responsive Web Design

  • What is responsive design? 
  • Mobile-first design 
  • Media queries 
  • Breakpoints 
  • Responsive images 
  • Responsive navigation 
  • Responsive cards and layouts 

19. CSS Transitions and Animations

  • Transitions 
  • Transform 
  • Hover effects 
  • Keyframes 
  • Animation properties 
  • Loading animations 
  • Simple interactive effects 

20. Forms Styling

  • Styling input fields 
  • Styling buttons 
  • Focus states 
  • Placeholder styling 
  • Form layout 
  • Error message styling 
  • Accessible form design 

21. Web Accessibility Basics

  • Semantic structure 
  • Alt text 
  • Labels 
  • Keyboard navigation 
  • Color contrast 
  • Focus indicators 
  • ARIA basics 

22. Final Project

  • Complete responsive website 
  • Header and navigation 
  • Hero section 
  • About section 
  • Services/products section 
  • Gallery or portfolio section 
  • Contact form 
  • Footer 
  • Mobile responsiveness 
  • Code cleanup and validation

Courses you may also like

Prompt Engineering

This intermediate Prompt Engineering course is designed for learners who already understand basic prompting concepts and want to create more structured, efficient, and professional AI workflows. Stude...

Intermediate

Duration: 7 Hours

Charges: £25.00 / Hour

Mode: Online / Virtual

Details

Prompt Engineering

This beginner-level Prompt Engineering course is designed for anyone who wants to learn how to communicate effectively with AI systems like ChatGPT and other generative AI tools. Students will learn t...

Beginner

Duration: 7 Hours

Charges: £25.00 / Hour

Mode: Online / Virtual

Details

Structured Query Language (SQL)

This course is designed for absolute beginners who want to learn SQL from scratch and start working with databases confidently. Students will learn how to store, retrieve, filter, sort, and manage dat...

Beginner

Duration: 16 Hours

Charges: £25.00 / Hour

Mode: Online / Virtual

Details