HTML Crash Course

This Crash Course is an introduction to HTML. It doesn't cover everything, only practical principles and language features you will encounter in your career as a Web Developer.

• Introduction
  1. Tags
     1. Opening and closing tags
     2. Self-closing tags
  2. Minimum Structure
  1. DOCTYPE tag
  2. html tag
  3. head tag
  4. favicon
  5. meta tags
  6. Twitter cards
  7. body tag
  8. div tag
  9. p (paragraph) tag
  10. span tag
  11. HTML5 tags
      1. article
      2. section
  1. Where to Insert...
  1. User-agent CSS
  2. Inline CSS with style attribute
  3. Internal CSS in style tags
  4. External CSS in a separate .css file
  5. Inline JavaScript in event attributes
  6. External JavaScript with link tag
  7. Internal JavaScript with script tag
  8. Modular JavaScript with script tag
• Attributes
  1. style attribute
  2. id attribute
  3. class attribute
  4. Event attributes
     1. Common event attributes
     2. Mouse event attributes
     3. Keyboard event attributes
  5. Custom attributes
  6. Data attribute
• Images, Backgrounds and Gradients
  1. Image tag
  2. Centering image or other elements
  3. Backgrounds
  4. Gradient backgrounds
• Layouts
  1. Tables
  2. Flex
  3. Grid
• Buttons
  1. Built-in native clickable buttons using button tag
  2. Using input tag to make buttons
  3. Using CSS to create custom buttons with onclick event
• Forms
  1. Submitting input data
  2. Uploading a file
  3. Uploading multiple files
• DOM: Document Object Model
  1. Thinking like a tree
  2. head tag and...
     1. Entry Point 1: DOMContentLoaded event (structure)
     2. Entry Point 2: Window's "on load" event (media)