EASY! Hand-code an HTML + CSS layout

With a handful of tags and a little CSS, you can build a layout completely from scratch!

In this web development tutorial for beginners series, we're learning html and css from the very beginning. We'll learn by building a website from scratch rather than doing a separate html tutorial for beginners an css tutorial for beginners.

We'll learn about div tags and semantic tags that we can use in the place of div tags to make our html more readable.

-~-~~-~~~-~~-~-
Also watch: "Tailwind CSS - why CSS utility classes save so much time"
-~-~~-~~~-~~-~-

[EdGarrrFlores]

My personal notes:

0:33 - About div tags
1:25 - About semantic tags
7:00 - About margins
7:22 - About paddings
7:40 - Three ways to enter margins and paddings
9:28 - Units for margins and padding

[tiredcoder]

I love your teaching style, it’s so fresh and to the point. If you ran a boot camp I would join it in a heartbeat.

[greatsongsforlittlepeople]

I have had a really frustrating 48 hours trying to get started with HTML and CSS. Then I found you! Thank you so much for explaining and, most importantly, SHOWING, so clearly and quickly.

[FelixOkolie_thenewsblogger]

You're a good teacher.

Just 1 mins and 46 seconds I was left with no choice other than to subscribe and save this video.

[investfoxy]

By far the most easy-to-understand tutorials I have seen so far.

[bluustreak]

4 days of lectures, various other youtube tutorials, and here you are, making this AMAZING video that summerizes exactly what I needed to know and more.
Even manages to bring structured logic to it all. :)

[futurepilot]

OMG! It's been 2 years of me watching YouTube videos about margin and paddings, still I couldn't wrap my head around those. But you are amazing. Now I know what margin and paddings are ❤️❤️

[ahizzle]

Awesome.
Good idea to fill in the background to see where the section really is!
And an easy explanation on margin vs. padding.

[ChetanKumarg]

The way it is explained is really awesome. It would have been really nice if you had named each video with a prefix 1, 2, 3... so it would help one to know where to begin, and which is the next one.

[allaouiihab]

Definitely the best tutorial I have ever seen in my life . THANK YOU

[maritimans]

Wow, this is gold. Such a simplified and precise explanation. Thank you. You're a legend.

[hospitaller]

It's a belated comment but I gotta say your tutorial is awesome, because you also talk about what's recommended practice and what's not. Thanks a lot!

[slobodanreljic]

ok, part where you explain how would you make page ( which you screenshot previously) just blown my mind, so good with visual explanation of everything, this is what I was looking for . THANKS

[atherquadir]

watched hundred of best css and this is on top of that excellent way to remove scare part from css. Again thanks for excellent tutor.

[teeboteaches]

I've had trouble finding a good tutorial for a long time. Thanks for making this!

[vielo]

No gibberish, all are direct and straight to the point. Thank you!

[mebarekseddik]

what this course give you is really more helpful than most other courses

[ericusa]

Omg you are best teacher i’ve ever seen you make everything seem so easy

[talmadgehugee]

Thank you, so much for sharing your knowledge on YouTube; after about a minute my layout did what I asked it to do. I did not know you could add your CSS to the very same html page, however as you clearly explained it worked. Two thumbs up!!dude.

[ayee_jmo]

Ive read some of my books html and css course and even other youtubers, and i finally understand the semantic headers and div headers! and im just in shock and saying, ,,wow... lol i also think because i saw them as "new" tags i felt overwhelmed but you sir explained it so well and easy i laughed at myself lol Thank you! Hope to be web developer by the end of this series!