HTML Crash Course
0 of 66 lessons complete (0%)
Exit Course
Getting Started
What is HTML?
Useful symbols
Install Live Preview extension
Advice: More than one way of doing things
4 lessons
Boilerplate Code
Create homepage
Add boilerplate code
Live Preview alternative
Elements and tags
Attributes and values
Title element
Advice: Copy first then improvise
7 lessons
Paragraph Element
Writing elements
Emmet
Lorem ipsum text
HTML comments
Whitespace in HTML
Advice: Absolutes and exceptions
6 lessons
Heading Elements
Heading elements
Heading order
Debugging HTML
Strong and b
Validate HTML
5 lessons
List Elements
Ordered lists
Unordered lists
Nested lists
3 lessons
Links
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
10 lessons
Image Element
Getting free images
Image element
Image formats
SVG images
Image links
5 lessons
Semantic Elements
nav element
main element
section element
footer element
HTML entities
5 lessons
Forms
Label and input
Input attributes
Password input
Email input
Radio inputs
Checkbox inputs
Textarea
Select and option
Button
Form
10 lessons
Learning More
Mozilla Developer Network
Deprecated elements
HTML style guides
3 lessons
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
8 lessons
Getting Started
Useful symbols
You don’t have access to this lesson
Please register or sign in to access the course content.
Take course
Sign in
Previous
Next
Previous
Next