HTML & CSS for Beginners | FREE MEGA COURSE (7+ Hours!)

In this free course, you’ll learn how to code with modern HTML and CSS, the main building blocks of any website. If you want to become a successful web developer, this is where you need to start! At the end of more than eight hours of learning, where we cover everything from basic HTML elements to working with Flexbox and CSS Grid, you’ll test your new skills by building a complete web page.

00:00:00 1.1 Welcome to the Course!
00:03:48 1.2 Prerequisites
00:13:00 2.1 How Websites Are Loaded
00:24:36 2.2 What Is HTML?
00:30:42 2.3 Let’s Create an HTML File
00:42:45 2.4 HTML Elements and Tags
00:50:07 2.5 Inline vs. Block-Level Elements
01:00:41 2.6 The div Element
01:08:00 2.7 Text-Related Elements
01:30:23 2.8 Separating Content With Breaks
01:36:24 2.9 Using Lists
01:47:15 2.10 Working With Images
02:04:31 2.11 Using Forms and Buttons
02:45:22 2.12 Displaying Tabular Data With Tables
02:54:12 2.13 HTML5 Semantic Elements
03:01:59 3.1 What Is CSS?
03:04:39 3.2 Adding CSS to an HTML Page
03:11:59 3.3 Using CSS Selectors
03:29:37 3.4 Working With Color in CSS
03:40:49 3.5 Let’s Discover the CSS Units
03:54:36 3.6 Styling Text With CSS
04:10:08 3.7 Setting Dimensions in CSS
04:20:46 3.8 The CSS Box Model
04:45:44 3.9 Working With Borders in CSS
04:55:25 3.10 Using the Display Property in CSS
05:05:04 3.11 Styling Lists in CSS
05:15:56 3.12 Positioning Elements in CSS
05:30:22 3.13 Styling Backgrounds in CSS
05:52:10 3.14 Building Layouts With Flexbox and CSS Grid
06:19:43 3.15 Working with Media Queries for Creating Responsive Websites
06:32:37 4.1 Let’s Code a Simple Design with HTML and CSS
07:46:03 4.2 Conclusion and Homework

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+

Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - learn html

[MessGaming]

This man spent 8 HOURS for us for no cost! Love u from PAKISTAN❤

[abhirai]

I'm watching from India. Thanks for your time and dedication ❤️🙋🏻‍♂️

[GERARDOLUWALADEMI]

I am a student in nigeria i am 12 years old and i am an independent web dev thanks to envato

[bewebnow]

I hope the creator continues making similar content, diving deeper into these ideas and exploring related subjects.

[wanjaphilimon]

I am from Uganda and I have been looking for a good teacher for this course and I think I have found him. I am now camping here. Thank you for your hard work and generosity sir.

[xypxljo]

One hour in and I already love your course! I like how we first have theories and then a practice! Thank you so much!

[envatotuts]

We will get started in a few minutes! Has everyone cleared the next 8 hours to learn HTML and CSS?

[_aidid]

Very few HTML tutorials on YouTube have this much details, this video is very helpful for the beginners

[AlexPo-ddll]

Thank you so much. I finally found what I always wanted to study: HTML and CSS full course. Thank you Envato. I am starting this course today.

[anubratachanda]

If i had this series when i was started learning web devlopment, it would have been one of my best tutorial regarding html css.. I have not seen all of your lectures but took a glance of most important lectures like position, flex grid, unit, display.. Form. And i think you have covered all of this topics very well organized and in details... And specially your voice 😄.. I think your voice is one of many reasons for me to choose your course👍❤

[CarlaHopwood]

This course was so beneficial, especially the walk-through at the end--Oh my goodness! I'm so happy I came across it. Thank you so much for this mega course. Great information and explanations! Though I'm a beginner, I feel like I got the necessary skills to take on new projects at work! Loved it.

[Neil_]

This is my favorite course. Very well explained with practical tutorials that you can follow with. This course is worth more than anything. I'm so thankful envato cause i was kinda stuck in web dev progress but this course what i really needed. So thank you again for your generosity and uploading it for free.

[Rozpor]

Lesson 22 till now (to keep my self reminded)

[bedtimestorieswithdevyana]

Completed 2 hours and I could say this is the best tutorial for absolute beginners.

[layciebowers]

You have made my final project so much easier Adi… thank you SO much for taking the time to create this course and help me brush up on all that I have forgotten. I am very grateful!

[dongdong]

I woke up at 4 a.m. and turned on YouTube. I wanted to learn coding, but I don't know what to do first. I didn't watch your channel even though I subscribed to it before. There was a language barrier. I just put it off to see you later, but I think this video will help me a lot. I'll slowly follow one by one.Thank you for making the video(Subscribers in South Korea)

[subbu]

Gone Through Multiple Tutorials and Bootcamps but this is the best since it includes Proper Explanation and homeworks/assignments . Best in the class now ! . Thanks for this amazing tuts !!!!
<3

[diwakar]

i finally created my first website using this figma concept. i didnt know that we can see the height and widths of the image elements anyways i eyeballed most of the things from the concept. I first read "Internetting is hard" to learn basics of html and css surprisingly i knew everything i needed to create this website thanks to internetting is hard. i had struggled with the chair images though had to re read that section and watched your tutorial.

[Lotus_Trade]

I’m on 46mins. I’ll keep updating y’all.
Edit: 1hour now
This is the best video on YouTube. He explain everything in full details.

[zxsodob]

As an hearing impaired student, thanks for the subtitle! It helps a lot to understand your awesome lecture. Thank you!