Learn HTML

INTRODUCTION TO HTML

Project A1: Biography Page

• What is HTML?
• HTML Anatomy
• The Body
• HTML Structure
• Headings
• Divs
• Attributes
• Displaying Text
• Styling Text
• Line Breaks
• Unordered Lists
• Ordered Lists
• Images
• Image Alts
• Videos
• Review

HTML DOCUMENT STANDARDS

Project B1: Personal Blog

• The tag
• The Head
• Page Titles
• Linking to Other Web Pages
• Opening Links in a New Window
• Linking to Relative Page
• Linking At Will
• Linking to Same Page
• Whitespace
• Indentation
• Comments
• HTML Tags

TABLES

Project C1: Student Transcript

• Create a Table
• Table Rows
• Table Data
• Table Headings
• Table Borders
• Spanning Columns
• Spanning Rows
• Table Body
• Table Head
• Table Footer
• Styling with CSS
• HTML Tables

FORMS

• How a Form Works
• Text Input
• Adding a Label
• Password Input
• Number Input
• Range Input
• Checkbox Input
• Radio Button Input
• Dropdown list
• Datalist Input
• Textarea element
• Submit Form
• Form Validation
• Requiring an Input
• Set a Minimum and Maximum
• Checking Text Length
• Matching a Pattern
• Forms Review

SEMANTIC WEB

• Why use Semantic HTML?
• Header and Nav
• Main and Footer
• The Aside Element
• Figure and Figcaption
• Audio and Attributes
• Video and Embed
• Review