Anatomy of a Website

• Content: Text, Media
• + HTML: Structure + Semantics
• + CSS: Presentation + Design
• + JS: Interactivity
• = Your Website

HTML: "HyperText Markup Language"

It is:

• A text file that is "marked up" with tags

            - Saved with .html extension
  
            - The native language of web browsers.
  

It should be:

• Semantic
• Accessible

1. Anatomy of an HTML tag

Each tag has a "start tag", "end tag", some content in between, and optional attributes.