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

► Download unlimited photos, fonts & templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_iG2jotQo9NI&utm_medium=referral&utm_source=youtube.com&utm_content=description

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.

• Download the course files: https://bit.ly/3b0Fi19
• Download the assignment: https://bit.ly/3xwTvuh

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

► Download unlimited photos, fonts & templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_iG2jotQo9NI&utm_medium=referral&utm_source=youtube.com&utm_content=description

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/?utm_campaign=yt_tutsplus_iG2jotQo9NI&utm_medium=referral&utm_source=youtube.com&utm_content=description

Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_iG2jotQo9NI&utm_medium=referral&utm_source=youtube.com&utm_content=description

► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus
► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – learn html

You May Also Like