WP Tutorials

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

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.

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

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

► 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


Comments (28)

  1. If you loved this video, make sure you check out Adi's new course—Motion Design for the Web: https://www.youtube.com/watch?v=vqXLGX0szIQ

  2. Can you please tell me your editor font, theme , and how some keywords are bold and some italic

  3. Thanks a lot. Greatly appreciated. Keep the good job. Blessings 🙏

  4. at 2:15:43 I got a error on my practice. I had to change the method from "post" to "get" took me awhile to figure that out

  5. Wow….I am a beginner and the lesson is awesome. I am learning lots of new things here. Thank you so much

  6. Lesson 6 html element

  7. the clarity in speaking is insane very useful for ma as a beginner and non English speaker ❤❤

  8. how to get the colour picker as he did it in the 3:31:26 ?

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

  10. Thank you ❤

  11. Got a lot of clarity from this course. Simply the best!

  12. Good lesson, I just want to thank you for your job

  13. Hello. I would like to know the name of those two tools/shortcuts by these you were taking measurement of pixels and color code.

  14. After learning HTML and CSS what should we learn next because i want to become a web developer.

  15. cant download the course files😕

  16. downloaded this video in january and just completed it .
    it was a good run indeed!!

  17. @Adi Purdila, this was a very amazing course that I finished as who is trying to be a front-end web developer by self-learner. Thank you very much for your entire effort and passion that you inspired us. I would like to ask if you have any videos that you may suggest for Javascript to a beginner front-end developer?

  18. The fact that this is free is crazy

  19. Thank you for this comprehensive course. I am in half way and I'm impressed with the level of detail.
    I discovered you by accident. Went into IoT stuff, and found that MCs can host web pages that can transfer data with sockets and Jason. In their examples there was a section that began with <script> and I wanted to learn more of how things can be controlled and data exchanged from this web environment (from phone, pc, etc.) In that section there were things about capturing events and so on. I don't think it is Javascript, but again, I'm new to this and don't know a lot. Can you steer me in the right direction?
    I simply have to finish this course as well. It's too good and informative, so thank you again.

  20. Go head❤❤

  21. Thank u thank u 🩷🩷🩷

  22. The best teacher… 👌 thanks in a million for making it so simple

  23. This is an amazing source of information, and it's all for free. Thank you so much!

  24. The best tutorial I've ever seen. I would recommend this to my friends who would like to learn html-css.
    Thank you so much for your generosity and dedication ❤

  25. Good laptop for making websites etc?

  26. @ADI PURDILA thanks for the another course. your a grate lecture all time my favourite lecture of all time in my life career. GOD bless you sir…

  27. Thank you.

  28. 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.

Leave your thought here

Your email address will not be published. Required fields are marked *

Enable Notifications OK No thanks