Learn HTML

1. Download Free eBook: https://codingwithbasir.com/download
2. Fork and Clone This repository
3. Code Project A1
4. Send a Pull Request
5. Let me know to review your code: basir.jafaradeh@gmail.com

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

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

FORMS

Project D1: Booking Form

• 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

SEMANTIC WEB

Project E1: OnePage Website

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