HTML Crash Course In 30 Minutes

Channel:

codeSTACKr

Subscribers:

296,000

Published on June 28, 2019 3:40:35 PM ● Video Link: https://www.youtube.com/watch?v=XiQ9rjaa2Ow

Category:

Tutorial

Duration: 36:38

148,188 views

4,695

👉 Become A VS Code SuperHero Today: https://vsCodeHero.com

Download the PDF front-end roadmap for FREE to keep you on track!
https://codestackr.podia.com/front-end-web-developer-roadmap-2020

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: https://github.com/codeSTACKr/html-beginners-2019
CSS Crash Course: https://youtu.be/Tfjd5yzCaxk

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: https://treehouse.7eer.net/codeSTACKr
_____________________________________

🛠️ Tools I use:
🟠 Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 Font: STACKr Code (Exclusive to my VS Code Course - https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions

🚢 Deploy for FREE on Vercel: https://vercel.com/ambassadors/codestackr
_____________________________________

💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________

Watch Next:
Web Development - Beginners Roadmap (2020) - https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________

Connect With Me:
Website: http://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr/
Facebook: https://facebook.com/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