Introduction
Why should I learn HTML?
()
How to use the exercise files
()
1. The Web
Languages of the web
()
Anatomy of a website
()
The rules of the web
()
Terminology and syntax
()
Exercise: The development environment
()
Exercise: Customizing your text editor
()
Exercise: Setting up your dev environment
()
2. Formatting Text
Paragraphs and headings
()
Ordered, unordered, and description lists
()
Quotations
()
Exercise: Formatting text, part 1
()
Date and time
()
Bold and italics
()
Character entity reference
()
Exercise: Formatting text, part 2
()
Code and line breaks
()
HTML and typography
()
Challenge: Write text-based HTML markup for course project
()
Solution: Demo
()
3. The HTML Document and Page Structure
The basic HTML document
()
Structuring content, part 1
()
Structuring content, part 2
()
Exercise: Structuring content
()
HTML tables
()
Exercise: Create an HTML table
()
The Document Object Model
()
Challenge: Add structural elements to project
()
Solution: Demo
()
4. Links and Navigation
The hyperlink
()
Relative and absolute URLs
()
Types of links
()
Navigation
()
Challenge: Add links and navigation
()
Solution: Demo
()
5. Images
Image formats
()
Embedding images
()
Width and height attributes
()
Optimizing images
()
Developer tools and resizing images
()
Responsive images, part 1
()
Responsive images, part 2
()
Responsive images with picture
()
Challenge: Add responsive images
()
Solution: Demo
()
6. More Media Elements
Video
()
Adding captions and subtitles
()
Audio
()
Embedding media with iframes
()
Challenge: Add media to project
()
Solution: Demo
()
7. Web Forms
What are web forms?
()
HTML form basics
()
Input types
()
Form validation
()
Checkbox and radio inputs
()
Additional form elements
()
Challenge: Add a contact form
()
Solution: Demo
()
8. Accessibility and Internationalization
What is accessibility?
()
Accessible Rich Internet Applications (ARIA) basics
()
Supporting languages
()
Ex_Files_HTML_Essential_Training.zip
(74.8 MB)