HTML Crash Course In 30 Minutes
👉 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
🤖 I now use AI-powered code completions thanks to Kite. You should too so grab it FREE: https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codestackr&utm_content=description-only
_____________________________________
đź’– 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
source