► 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
source
At 4.19.02 how did u measure the dimensions
please from where do i have to download this 2-6.html folder?
Sir, I found this course useful till now I am done till 30:46, I m revising everything so I can’t forget this
Where can I find the measuring tools you use and the color recognition tools ,thanks for your efforts❤❤
Hello sir ,which tool are you using inspect the image on the practice field
Where can i find the html and css for the assignment.
It's very useful and easy to understand.😀
can you repost the link of homework files? coz I can't access those due it can't be reached thank you!!!
stalling background in css I've been trying to pass the first step but it seems to not be working
Sir you have the great methodology i have learn alot of things from this course b happy sir ❤
Thank you for this course, it was very useful 👍. What tool or shortcut do you use to measure pixels between each element without opening inspect?
The way you methodically explain everything you are doing is really great, makes the new learner comfortable and can follow…other tutors should learn how to teach from you, instead of them rushing certain parts as they see fit. 👏🏻👏🏻
Can anyone tell me what extension or tool the teacher use to grasp the hex of color please? I want to use it, too!!!
Super!!!
Envato, thanks so much for this mind opening tutorial, but just like you said, you said this are fundamentals, could you please go more advance on this course
Please how do I know the border of an example didn't understand what you did🙂
I absolutely love this channel so much ️. I appreciate you guys at Envato Tuts. Please continue doing your amazing works.
Love from myself and the rest of the viewers
Best beginner-friendly guide out there! Great job Adi Purdilla <3
what the h' men. why are you coding in light mode. It hurts my eyes, jeez. But anyways thanks you for the tutorial it helps me so much. I hope on your next tutorials are in dark mode. 🙂
How can I for example, enter an article in the search area so that the article is in front of me. do i need to connect it to >id< for example. I got this html tag <label for="site-search">Search the site:</label>
<input type="search" id="site-search" name="q">
<button>Search</button>
Thank you so much Boss, I finally finished this course and now I think I have the basics understanding 🤸🏽🤸🏽, Thanks once again ☺️☺️
The best course !!!