learn-html.md

Learning HTML

Introduction

• Text
• White space
• Comments

Inline Text

• Break
• URL
  • Different page
  • Same page with id
  • Different page in new tab
• Code
• Bold, Italics, Underlined
• Superscript, Subscript

Block Text

• Heading
• Paragraph
• Unordered List
• Ordered List (Normal + with types)
• Horizontal Rule
• Blockquote
• Preformatted Text

Media

• Image (external and internal link)
• Video
• Audio

Form

• Form
• Input
• Text input (normal and required)
• Label
• Radio buttons
• Checkboxes
• Other input types
  • Date
  • Password
  • File
• Select and Option
• Textarea
• Button
• Submit

Table

• Table
• Row
• Header Cell
• Data Cell
• Table Head
• Table Body
• Table Foot

Container

• div
• span
• section
• nav
• header
• footer

HTML Skeleton

• DOCTYPE, html
• head, body
• DOM

HTML head

• title
• meta tags
• link

Note

• No need to remember all HTML tags and attributes. Google and MDN docs are your friends. Refer to them whenever required.
• You'll remember most of the commonly used tags and attributes once you start building websites.
• Avoid div if there is a semantic alternative.

Next Steps

• Skim Getting Started with HTML
• Skim HTML Text Fundamentals
• Skim Document and Website Structure
• Skim HTML best practices
• Skim HTML Common Use Cases
• Optional: Skim Accessibility.