HTML & CSS Full Course - Build Modern & Responsive Websites

This HTML and CSS Full Course teaches you everything you need to build modern responsive websites from scratch!
Udemy
platform
English
language
Web Development
category
instructor
HTML & CSS Full Course - Build Modern & Responsive Websites
0
students
11 hours
content
Jul 2025
last update
$19.99
regular price

What you will learn

The aim of this course isn't only to teach you how to build the beautiful websites you see in the intro, but to teach you how to build any website from scratch!

I will start off by helping you understand what HTML and CSS are, and how they are used together to create websites.

We will move on to install the two necessary tools (VS Code and Chrome) that we will be using throughout the course.

From there, we will take a few minutes to get your hands dirty by building a very basic text-based website. For you to know that it's not magic to build website

Then we dive deep into every aspect of HTML. Starting with the basic HTML Syntax and Structure.

Text Elements and how to Format Text in HTML

Then we move on to have a taste of CSS. Starting with the different ways to apply CSS to your HTML Elements.

How to add Comments to your HTML and CSS code

CSS Selectors

Styling Text using CSS

Colors (RGB, RGBA, HSL, HSLA, Hex, Transparent, Gradients)

Then we put our knowledge of the first section of this course into test by building a simple website with colors, and different text formatting styles.

We start the **second section** of this course with Links. We'll learn about External Links, Internal Links, Jump Links, and more.

Adding Images to your website using HTML. Adding image background to elements and styling Images with CSS

Ordered and Unordered Lists

Displays (Inline, Block and None). We'll also touch of the Visibility property and Opacity

The Box Model (Width, Height, Padding, Border Margin)

The Div Element

Shadows (Box Shadows and Text Shadows)

CSS Positions (Static, Relative, Absolute, Fixed, Sticky), and Z-Index

HTML Semantic Elements/Tags

CSS Units (Pixel, Em, Rem, Percentage, CH, VW, VH, VMin, Vmax, and more)

In the **Third Section**, we'll start off by learning more about VS Code, Emmet, and Extensions to help us code more effeciently.

We'll learn about Conflict between CSS Selectors, Inheritance, Specificity, !important, and more.

We'll build a real-world website to test our knowledge on everything we'll learnt up to that point

We'll deploy or Put Our Website Online once we're done building it

We start the **Section Four** by learning about CSS Variables.

Media Queries and Responsive Design

Tables, and more.

Flexbox

Forms

Grid

Transitions

Keyframes and Animations

Course Gallery

HTML & CSS Full Course - Build Modern & Responsive Websites – Screenshot 1
Screenshot 1HTML & CSS Full Course - Build Modern & Responsive Websites
HTML & CSS Full Course - Build Modern & Responsive Websites – Screenshot 2
Screenshot 2HTML & CSS Full Course - Build Modern & Responsive Websites
HTML & CSS Full Course - Build Modern & Responsive Websites – Screenshot 3
Screenshot 3HTML & CSS Full Course - Build Modern & Responsive Websites
HTML & CSS Full Course - Build Modern & Responsive Websites – Screenshot 4
Screenshot 4HTML & CSS Full Course - Build Modern & Responsive Websites

Loading charts...

6729599
udemy ID
20/07/2025
course created date
31/07/2025
course indexed date
Bot
course submited by