HTML Crash Course In 30 Minutes

👉 Become A VS Code SuperHero Today: vsCodeHero.com
Download the PDF front-end roadmap for FREE to keep you on track!
codestackr.podia.com/front-en...
In this web development crash course, I will cram in as much about HTML as I can in about 30 minutes. If you are interested in learning HTML but know nothing, then you are in the right place. We will be creating a cheat sheet with all of the common HTML5 tags, attributes, semantic markup, etc. We will not be focusing on CSS in this video. See the link below for my CSS crash course video. This video is intended for beginners.
Code: github.com/codeSTACKr/html-be...
CSS Crash Course: • CSS Crash Course In 30...
Timestamps:
00:00 - Preface
00:47 - Code Editors
01:12 - What is HTML?
01:53 - Basic Template / Tags Explained
05:43 - Inline vs Block Level Elements
06:05 - Headings
07:22 - Paragraphs
08:45 - Inline text formatting
10:16 - Division and Span Tags
11:55 - Horizontal Rules
12:05 - Attributes
13:20 - Images
14:22 - Anchor Tags
17:01 - Lists
18:28 - Tables
22:36 - Forms
29:57 - Buttons
30:13 - General Guidelines
31:37 - Commenting
34:02 - Styles
36:13 - Outro
_____________________________________
📚 Learn to CODE in just a FEW months here:
Treehouse Discount Code: treehouse.7eer.net/codeSTACKr
_____________________________________
🛠️ Tools I use:
🟠 Theme: marketplace.visualstudio.com/...
🟠 Font: STACKr Code (Exclusive to my VS Code Course - vsCodeHero.com)
🟠 SuperHero Extension Pack: marketplace.visualstudio.com/...
🚢 Deploy for FREE on Vercel: vercel.com/ambassadors/codest...
_____________________________________
💖 Show support!
PayPal: paypal.me/codeSTACKr
_____________________________________
Watch Next:
Web Development - Beginners Roadmap (2020) - • Web Developer Roadmap ...
Playlist: Web Development For Beginners - • Web Development - Begi...
_____________________________________
Connect With Me:
Website: www.codestackr.com
Twitter: / codestackr
Instagram: / codestackr
Facebook: / codestackr
_____________________________________
** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.
#html #beginner #codestackr

[@codeSTACKr]

Thanks for all of the support!! Continuing the Web Development 2019 Series. Here's the Beginners Guide to HTML. Check out my Beginners Guide to CSS next: kzbin.info/www/bejne/ipfNlWivr6iUrs0 Timestamps: (Clickable) 00:05 - Preface 00:47 - Code Editors 01:12 - What is HTML? 01:53 - Basic Template / Tags Explained 05:43 - Inline vs Block Level Elements 06:05 - Headings 07:22 - Paragraphs 08:45 - Inline text formatting 10:16 - Division and Span Tags 11:55 - Horizontal Rules 12:05 - Attributes 13:20 - Images 14:22 - Anchor Tags 17:01 - Lists 18:28 - Tables 22:36 - Forms 29:57 - Buttons 30:13 - General Guidelines 31:37 - Commenting 34:02 - Styles 36:13 - Outro 📚 My Favorite Web Design Books 📚 Web Design with HTML, CSS, JavaScript and jQuery Set by Jon Duckett (paid link) amzn.to/2JaiCL8

[@Rakshit.Pahuja]

Legends will watch this vedeo in 2x speed and learn HTML in 15 min

[@mareboinaravi5272]

And go Hack NASA😂

[@lovepreetkaur2769]

Me just did tht and then looked at ur commnt

[@thesoucrux9636]

Few people who did not know how to operate the computer mistakenly pressed the dislike button. Please a video on "How to click the like button"

[@Hsa008]

Loser theres only 13 dislikes

[@maba9307]

Very well done, no unnecessary talking, straight to the point! Love it. Gave me a great overview as I am not in web development but at least have to get the Gist of it

[@BrianWaltmans]

Couldn't have imagined a better tutorial, can't wait to get started on the CSS crash course!

[@slenderpacman]

Best video I've seen on YT concerning HTML! You tell us everything shortly, no crap talking and easy to understand! Props on you, great vid!

[@codeSTACKr]

Glad you liked it!

[@mimimi2787]

You're great at explaining! Short and simple, I wish you best with your youtube career and I hope we get more videos soon :).

[@codeSTACKr]

I really appreciate that. Thank you for your support! More content on the way..

[@ShiaGaming]

Thank you! The first and only video I found helpful. Checking out the CSS video now.

[@noahollington9946]

Thanks so much for making this! I needed a quick intro to cover the basics. And you're really good at explaining things, so keep it up :)

[@RobertoJ3rd]

You have a great way of teaching and so easy to follow. I'm thankful for your time in putting together all the videos for beginners.

[@Ellispoppagiorgio]

Just completed start to finish, in under 40 minutes, do to stopping and having to go back for a few things. this was by far the most concise and clearly explained video I have come across yet. Signed up at your Patreon as well. Working on the beginners CSS class soon. Thanks for this man!

[@codeSTACKr]

Thank you!! I really appreciate it!

[@cat8594]

Very well done! I was trying to learn code with some website and man was it tedious having me copy and paste stuff around. But, this video was so helpful, told me what everything did and showed examples! I've got about five pages of notes from this video, definitely going on to the CSS video next!

[@lonthroop]

This a much better progression in teaching html than anything I've seen yet, including W3 schools, UDEMY, and even my college courses. I'm definitely in as a subscriber. Keep making these great teaching videos.

[@codeSTACKr]

Thank you!

[@PrinceKumar-hh6yn]

4 years ND still fresh. Thanks for the amazingly concise Tutorial

[@jeffpaq]

Love the VS Code keyboard shortcuts! Very helpful!

[@codeSTACKr]

Glad it was helpful!

[@ColdFuse96]

This is a great video! I'm going into web development, which is primarily going to teach us HTML5 and CSS, and both of your videos on the subjects gave me a great foundation to go off of!!!

[@codeSTACKr]

Glad it was helpful!

[@chinmaypatil2210]

Great Work!!No nonsense straight to point in a simple way.Thanks a lot sir. Hope your channel grows fast!!

[@codeSTACKr]

Thank you!

[@silviojava96]

Man, all your content is easy to learn.... Thanks!!!

[@datpham31415]

Thank you, I tried to find some more tags in HTML after I learnt the basic ones.

[@MahmoudAhmed92]

Most Badass HTML tutorial. You da man!

[@swapnilkawade2286]

Amazing Video. Short & Precise! Thank you for sharing the VSCode Shortcuts. Moving over to the CSS vid now. Keep up the content.

[@codeSTACKr]

Thank you! Glad it was helpful.

[@night_traffic]

Helped a lot. The only html video i understood. Thanks a lot.

[@irisquach7592]

Thanks for your video. Great to show more videos on Project base from time to time. We get chances to learn. You are excellent!

[@SaeedKhan-op3by]

I watched this three times and each time i learned what does what and most importantly, the third time at the end when you did the background black and font white. I actually understood that and now i can even do it myself

[@ondrejsvorc8175]

One of the best explanation skills I have ever seen on KZbin! Thanks for everything! Keep it up! :)

[@codeSTACKr]

You're very welcome!

[@tausiftaha12]

@@codeSTACKr can you do a video on vscode shortcuts?

[@skrrt-]

tausiftaha12 they are all on the website so you don't need him to make a video go to his 6 minute video on vs code and it will show you how to get the shortcuts

[@wiseman2732]

Million times better than university lectures 🙏👍

[@georgy3136]

Thank you so much for this! You got yourself a new subscriber.

[@gillbert8073]

God bless you for adding subtitle. I'm not a native english speaker so sometimes it is difficult to understand some words or phrases.

[@codeSTACKr]

You're welcome 😊

[@justinebustillon5526]

I love it how clear you explained HTML for the beginners bro. Amazing!

[@codeSTACKr]

Thank you!

[@Aven115]

I am shocked about how good you are at explaining the whole concepts. I had a class about web development last year and its really cool to refresh these concepts. Keep going dude, you just won a new sub!! :D

[@codeSTACKr]

Thank you so much! I really appreciate the feedback.

[@Aven115]

@@codeSTACKr I was thinking of getting started in web development and this really boosted my hunger for learning more

[@codeSTACKr]

@@Aven115 Awesome! Don't give up!

[@learnsoftwaredevelopment.1025]

Clean and clear. Thank you so much.

[@gerharddewit4872]

I'm a Newbie in learning web dev. I watched some of your videos and wow! You explain well in all the ones I watched. Subscribed👍. Thanks for making it. Your channel is definitely one of my top resources on web dev now 🙂.

[@codeSTACKr]

Thank you!

[@waterbron3480]

This couldn't be more clear, thank you

[@codeSTACKr]

Glad it was helpful!

[@melindamurillo4680]

Thank you so much. This video is hands down the most helpful I’ve come across about html 🙌🏽

[@codeSTACKr]

Glad it was helpful!

[@mobilecowcamp]

This person said exactly what I would have said. Thanks for the video and I'm looking forward to watching more.

[@samuelbhatti878]

Thanks for wonderful explanation. It is right to the point without too much talk. All the best!!!

[@codeSTACKr]

You are welcome!

[@pratyushkumar7997]

so wonderfully taught ! I m so grateful. keep the good work on.

[@wz5445]

Thank you so much! This is really helpful!!

[@leeellison9916]

Really good intro and at a quick pace too... excellent !

[@codeSTACKr]

Glad you like it!

[@chulatskywalker]

So so much for me too learn in this 30min video 👍🏻. Im a complete beginner with zero knowledge, so this is so helpful, thanks.

[@zarez123]

Great tutorial, one of the best I have found. Keep it going. Thanks

[@jayantsharma2669]

Straight on point. Very well explained...

[@ritika2563]

I am soo grateful to you for the shortcut u have told. 6:18. these are the things I need to learn which I get to learn nowhere.. god bless you, mate ! ✨🙏

[@annafrankenstein85]

Thank you so much for your lesson!

[@Hadzzi47]

Really helpful for a beginner like myself!

[@7cn.i]

Short and simple وو Awesome Video thanks alot

[@TheBestTru]

Great video, was not too slow or too fast! Explained perfectly

[@codeSTACKr]

Glad it helped!

[@ogomotojin]

Hey, codeSTACKr. Great video! Thanks for providing this course. Quick question - how is your cursor moving so fast? Is this something you changed in the settings or a matter of your hardware (ex. keyboard)?

[@bhaswatiroy1433]

Awesome Short and compact video

[@Luanburallinutri]

Thanks for the help, great video and explication! Hi from brazil!

[@rhomiezhomeboy8270]

You always have a great tutorials🙏🙏🙏thank you so much

[@raptros2]

Thank you so much!

[@maviswiggins8589]

You are great a explaining Web Dev. I love all of your videos because they are easy to follow. Good job! By the way there was a part in the video where you added a meta tag and 3 meta tags appears. Can you share how 3 appeared, when I tried I was only able enter 1 meta tag?

[@connorgaughan9117]

Awesome 😎 I would say Ctrl forward slash to comment code rather than question mark

[@alireza2295]

Thanks, man. Very useful.

[@sudanmoheen7228]

perfect to the point

[@Azertuiopnbvcxwmlkjh]

Great crash course! Nice complement to freeCodeCamp's responsive web design certification. You sir deserve more subscribers!

[@mrcode8175]

kzbin.info/door/8rqlzx8SoKEqar3LbhNczQ

[@mokyol3697]

Thanks for good explanation.

[@Diranlou]

thank you so much. it was excellent

[@zideoui]

simple and effective! Thank you x

[@codeSTACKr]

Glad it was helpful!

[@DukeMgmbh]

Awesome Video. Keep up the great work. I learned a lot.

[@codeSTACKr]

Thank you for your support!

[@iliassuvanov6690]

Thanks man!

[@viniciusm.m.7822]

Thanks, dude!!!! God bless you!

[@codeSTACKr]

You're welcome!

[@gracehu3031]

Thank you this was very helpful!!:D

[@amitendradiwakar636]

Screen should be zoomed out so people can see the video in low quality so that it can save data and video is good .

[@filip_g]

Thank you, that was very helpful. I will be recommending you to the higher-ups in YouTueb to get you promoted. Good luck and much love.

[@codeSTACKr]

Thank you!

[@zelenimonter4901]

great to sum up knowledge 👌👍

[@user-pt6gi6wz8y]

perfect man!

[@umairkhan4095]

Best teacher found on the internet :)

[@codeSTACKr]

Thank you!

[@biswajeetgoswami6681]

awesome tutorials man. Thank you sooo much.

[@codeSTACKr]

Glad you like them!

[@rohan6950]

Thank you so much ❤️

[@nadeemsuleman4326]

Thanks sir, plenty of respect

[@SkullKrish]

Thank you so much it helped me a lot

[@codeSTACKr]

Glad it helped!

[@tajhacker]

Thanks buddy help a lot

[@codeSTACKr]

Happy to help

[@MichaelDemdam]

thanks a lot. I understand how you explain. very informative. :D

[@codeSTACKr]

You are welcome!

[@khanhnguyenquang9539]

Thanks for all, This video is so helpful!

[@codeSTACKr]

So glad!

[@datpham31415]

should I follow along from your oldest videos to the latest ones or follow the Web Development Playlist that you created ?

[@brunadahm7403]

Really good. Thank you so much.

[@codeSTACKr]

Glad you liked it!

[@jagsproduction]

WELL EXPLAINED SIR♥️🙌

[@codeSTACKr]

Thanks ✌️

[@WitoonThreamthakanpon]

So clear and so advantage for beginners. Thank you so much for good knowledge.

[@dhanrajmohan4517]

Tqsm bro

[@chetansoni8620]

Thanks for making this video it helps a lot.

[@codeSTACKr]

Glad it helped!

[@schatzo96]

Nice video. Why doesent this channel have more views? Its so helpful :)

[@codeSTACKr]

Good question!

[@ibrahimandong1572]

great video thank you

[@andyedser7076]

Hi! Your videos are unreal and have really helped me. Would you recommend writing an entire site in HTML before making it look good in CSS? Or is this just never going to be ideal?

[@codeSTACKr]

It will never look good with just HTML. I would suggest understanding the very basics of HTML then start learning CSS along with continuing to learn more about HTML. HTML and CSS go hand in hand. And thank you!

[@justingarrity2008]

love the video, but wonder how you open the browser at 2:39 in the video

[@user-fv2kq8xq8b]

Thank you!

[@codeSTACKr]

You're welcome!

[@Sarah-kg7kl]

This video very helpful , thank you

[@codeSTACKr]

You are welcome!

[@eliasmoore9535]

Very helpful

[@LenaMellow]

How did you open it in the browser? I did download that extension you mentioned but I can’t get it to work. Flummoxed at step one!

[@mithunbarua7537]

I just start to learn. Thank you

[@codeSTACKr]

You got this!

[@mithunbarua7537]

I did some basic classes on html which were in Bangla. before watching your video, doing some html class help me a lot to understand your classes. plzz make more video on css. Thanks 😍😍😍

[@naeempersonal]

Better than 4 hours paid course!

[@codeSTACKr]

Thank you!

[@d.p.423]

came to discover this channel after seeing a video from @ForrestKnight and, so far, it's been great.. two things as I'm trying to reproduce your code. First, the text on my side appears as some sort of purplish colour, not black. Second, as I click on the "cars" dropbox, it doesn't keep opened if I release the mouse's left button (thus it doesn't allow me to select neither volvo nor audi). same applies to the "first name here" box..I need to keep the mouse's left button clicked as I write.. any hints?

[@muhammadtayyabqammar6554]

too much impressive

[@jecowang9617]

Great tutorial!

[@codeSTACKr]

Thank you!

[@TheWeeklybite]

great job buddy

[@codeSTACKr]

Thanks 👍

[@annoyingruss5453]

How about the HTML 5 semantic tags?

[@zaidqazi5708]

it was great

[@skrrt-]

Can someone help me? So I am at the part where you put the lists and after I followed every step the list in purple and when I click on it it goes into the website from the image I added everything that the video said but can't fix it?

[@resistance7326]

You are awesome

[@balajibbi]

Thanks