Courses - slayingthedragon.io
0:00 Intro
0:08 What is HTML?
0:29 Why learn it?
0:40 Prerequisites
0:43 Installing a Code Editor
1:26 File setup
1:53 VS Code
2:28 DOCTYPE
3:18 Anatomy of HTML
4:30 Head and Body
6:27 Elements
7:20 Nesting elements
7:58 Self-closing tags
8:57 Attributes
10:41 Whitespace
11:42 Block vs Inline elements
13:23 The Heading elements
15:09 Strong and Emphasis
16:17 HTML Comments
18:03 Unordered Lists
19:08 Ordered Lists
20:01 Nesting Lists
20:53 Hyperlinks
21:52 Title attribute
22:20 Opening pages in another tab
23:43 Scroll elements into view
26:33 Creating pages
27:39 Pages in folders
28:16 Navigating to different pages
31:50 Images
33:35 Width and Height attributes
34:51 Image hyperlinks
35:22 Video
36:35 Video controls
37:38 Semantic intro
40:32 Semantic Sectioning
44:24 Forms
46:28 Form labels
49:14 Form textarea
50:44 Buttons
52:20 Final project
53:23 Project homepage
1:00:47 Project blog page
1:01:49 Project contact page
1:04:30 Project blog post pages
1:08:45 Thanks for watching!
HTML - or -HyperText Markup Language is the skeleton of the web. It gives meaning to your web pages and allows you to create, structure and define headers, navigations, sections, paragraphs, links, images and a bunch more with the help of elements, tags and attributes.
[Why learn it?]
HTML is the first step in your journey to becoming a web developer, you need to know it before moving on to CSS and JavaScript.