??

([Link]) Heading & Paragraphs

?? ([Link]) Images
?? ([Link]) Links
?? ([Link]) Lists
?? ([Link]) Tables, forms, columns
?? ([Link]) Checkboxes, selection buttons (action value forms, no method)
?? ([Link]) Keyboard Shortcuts
?? ([Link]) Learning Resources (very useful) [Link]
?? ([Link]) First HTML Website ("Coffee Junkie")
?? ([Link]) Setting up for CSS
?? ([Link]) Color style for heading
?? ([Link]) Internal/External CSS
?? ([Link]) Internal has priority over external css
?? ([Link]) Color Properties, Value, RGB
?? ([Link]) Absolute Values - Font Size, Width, Height, Pixels
?? ([Link]) Calc () math functions
?? ([Link]) Typography
?? ([Link]) Text alignment
?? ([Link]) CSS Box models
?? ([Link]) Outline
?? ([Link]) Block elements
?? ([Link]) Horizontal Centering
?? ([Link]) Inspect (elements) of browser
?? ([Link]) Last Rule Order (images; properties, position, size, repeat)
?? ([Link]) Display:flex;
?? ([Link]) Float; clear/left/right
?? ([Link]) Media queries
?? ([Link]) index, static pos
?? ([Link]) Pseudo elements (p::before/after)
?? ([Link]) Basic Selectors
?? ([Link]) Transform translate transition:property
?? ([Link]) Animation
?? ([Link]) Free Icons
?? ([Link]) Text shadow
?? ([Link]) Emmet - web developer toolkit

1)What is HTML - 2:47

2)Google Chrome and Visual Studio Code - 5:11
3)Download Google Chrome - 6:02
4)Download Visual Studio Code - 8:11
5)Create A Project - 13:58
6)First Webpage - 16:09
7)Visual Code Settings - 20:35
8)Download Live Server Extension - 22:48
9)Basic HTML Document Structure - 26:59
10)Implementing Basic Document Structure - 29:05
11)Word Wrap and Emmet - 34:50
12)Heading Elements - 40:24
13) Paragraph Elements - 44:33
14)White Space Collapsing - 47:50
15)Lorem Ipsum Dummy Text - 49:22
16)Images - 51:17
17)Multiple Path Options - 57:15
18)External Images - [Link]
19)Nice Images - [Link]
20)Width and Height Attribute - [Link]
21)Crop Images - [Link]
22)Proper Path-[Link]
23) Comments And Line Breaks - [Link]
24) External Links - [Link]
25) Internal Links - [Link]
26) Links Within Page - [Link]
27) Empty Links - [Link]
28) Sup And Sub Elements - [Link]
29) Strong And Em Elements - [Link]
30) Special Characters In Html - [Link]
31) Unordered Lists - [Link]
32) Ordered Lists - [Link]
33) Nested Lists - [Link]
34) Table Element - [Link]
35) Forms - Input And Submit Elements - [Link]
36) Forms - Textarea - Radio - Checkbox - [Link]
37) Prettier And Code Formatter - [Link]
38) Keyboard Shortcuts - [Link]
39) External Resources - Head Element - [Link]
40) Html Project Intro - [Link]
41) Project Setup - [Link]
42) Download Images - [Link]
43) Logo, Heading, Navigation - [Link]
44) Home Page Completed - [Link]
45) About Page - [Link]
46) Numbers Page - [Link]
47) Contact Page - [Link]
48) Resource Files - [Link]
49) Text Editor Setup - [Link]
50) Css Intro - [Link]
51) Workspace Setup - [Link]
52) Inline Css - [Link]
53) Course Resources - [Link]
54) Internal Css - [Link]
55) External Css - [Link]
56) Power Struggle - [Link]
57) Basic Css Syntax - [Link]
58) Element Selectors - [Link]
59) Grouping Selectors - [Link]
60) Id Selectors - [Link]
61) Class Selectors - [Link]
62) Id And Class Selector Summary - [Link]
63) Div And Span Elements - [Link]
64) CSS Inheritance - [Link]
65) More Info On Inheritance - [Link]
66) Last Rule, Specificity, Universal Selector - [Link]
67) Colors Intro - [Link]
68) Color And Background-Color Properties - [Link]
69) Color Names - [Link]
70) Rgb - [Link]
71) Rgba - [Link]
72) Hex - [Link]
73) Vs-Code Color Options - [Link]
74) External Resources - [Link]
75) Units Intro - [Link]
76) Pixels, Font-Size, Width, Height - [Link]
77) Percent Values - [Link]
78) Em Values - [Link]
79) Rem Values - [Link]
80) VH And VW - [Link]
81) Default Browser Syles - [Link]
82) Calc Function - [Link]
83) Typography Intro - [Link]
84) Font-Family - [Link]
85) Font-Stack Generic Fonts - [Link]
86) Google Fonts - [Link]
87) Font-Weight Font-Style - [Link]
88) Text-Align And Text-Indent - [Link]
89) More Text Properties - [Link]
90) Box-Model Intro - [Link]
91) Padding - [Link]
92) Margin - [Link]
93) Border - [Link]
94) Border-Radius, Negative Margin - [Link]
95) Outline Property - [Link]
96) Display Property Intro - [Link]
97) Display Property - [Link]
98) Basic Horizontal Centering - [Link]
99) Mobile Navbar Example - [Link]
100) Box-Sizing Border-Box - [Link]
101) Display Inline-Block - [Link]
102) Display:none, Opacity, Visibility - [Link]
103) Background-Image Intro - [Link]
104) Background Images Setup - [Link]
105) Background-Image-Property - [Link]
106) Background-Repeat - [Link]
107) Background-Size - [Link]
108) Background-Position - [Link]
109) Background-Attachment - [Link]
110) Linear-Gradients - [Link]
111) Background Image Shortcuts Combined - [Link]
112) Linear-Gradient Colorzilla - [Link]
113) Float Position Intro - [Link]
114) Float Property - [Link]
115) Float Property Column Layout Example - [Link]
116) Position Static - [Link]
117) Position Relative - [Link]
118) Position Absolute - [Link]
119) Position Fixed - [Link]
120) Media Quries - [Link]
121) Z-Index - [Link]
122) ::Before And ::After Pseudo Elements - [Link]
123) Css Selectors Intro - [Link]
124) Basic Selectors - [Link]
125) Descendant Child Selectors - [Link]
126) First Line And First Letter - [Link]
127) :Hover Pseudo-Class Selector - [Link]
128) Link Pseudo-Class Selectors - [Link]
129) :Root Preudo-Class Selectors - [Link]
130) Transform,Transition,And Animations - [Link]
131) Transform:transition() - [Link]
132) Transform:scale() - [Link]
133) Transform:rotate() - [Link]
134) Transform:skew() - [Link]
135) Transition Property - [Link]
136) Multiple Transition - [Link]
137) Transition Delay - [Link]
138) Transition-Timing Function - [Link]
139) Animation - [Link]
140) Animation-Fill-Mode - [Link]
141) Last Module Intro - [Link]
142) Css Variables - [Link]
143) Font-Awesome Icons - [Link]
144) Text-Shadow Box-Shadow - [Link]
145) Browser Prefixes - [Link]
146) Semantic Tags - [Link]
147) Emmet Workflow - [Link]