This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
HTML Crash Course
Introduction
Finish this course in a month (do 3 lessons a day)
Send us feedback!
Join our Discord server
Getting Started
Download and Install VS Code
What is HTML?
Useful symbols
Install Live Preview extension
Advice: More than one way of doing things
Boilerplate Code
Create homepage
Check your work
Start and stop live preview
Add boilerplate code
Live Preview alternative
Elements and tags
Attributes and values
Title element
Advice: Copy first then improvise
Paragraph Element
Paragraph Setup
Writing elements
Emmet
Lorem ipsum text
HTML comments
Whitespace in HTML
Advice: Absolutes and exceptions
Heading Elements
Heading Setup
Heading elements
Heading order
Debugging HTML
Strong and b
Validate HTML
List Elements
List Setup
Ordered lists
Unordered lists
Nested lists
Links
Links Setup
Creating more files
Internal links
Link to home page
External links
Open link in new tab
Link to top
Link to page section
Email link
Download link
View Page Source
Image Element
Image Setup
Getting free images
Image element
alt attribute
Image formats
SVG images
Image links
Semantic Elements
Semantic Setup
nav element
main element
section element
footer element
HTML entities
Tables
Table Setup
Basic table
caption element
Table with head and body
Table with footer
Forms
Forms Setup
Label and input
Input attributes
Password input
Email input
Radio inputs
Checkbox inputs
Textarea
Select and option
Button
Form
Adding JavaScript
JavaScript Setup
Internal script
External script
SEO
SEO Setup
Title element and SEO
Meta description
Learning More
Mozilla Developer Network
Deprecated elements
HTML style guides
Project
Project Setup
Create nav element
Create footer element
Edit Home page
Edit About page
Edit FAQ page
Make project look better
Publish project online
Social Media
Social Media Setup
Facebook Open Graph tags
Twitter Card tags
Conclusion
Where to go from here
Form
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock