HTML provides the structure and content of web pages through elements like paragraphs, headings, lists, and images. CSS controls the appearance through properties that define colors, fonts, and layout. JavaScript adds interactive behaviors. The document recommends building web pages with progressive enhancement - starting with basic HTML content and layering on CSS and JavaScript. It also covers the key parts of an HTML page like the head, body, and common tags used to provide structure and semantics.

1. Lesson 1
Basic HTML

2. Three Pillars
• HTML 5
– Structure
– Content
• CSS3
– Appearance
• JavaScript
– Behavior

3. Progressive Enhancement
• Build in layers
• Basic content is available with any browser
• Build on top of that
• Graceful degradation
– Build for the newest greatest browser
– Allows page to degrade fro older browsers

4. DOCTYPE
• Tells browsers how to render the page
• Quirks Mode
– Don’t specify a doctype
• Show doctypes on w3schools

5. Parts of a page
• Head
– Meta data
– Links to external files
• CSS
• JavaScript
• Title
• Body
– Content

6. Build a Skeleton
• !DOCTYPE html
• head
– Meta charset=“utf-8”
– Title
– Link css
– Script JavaScript
• Body

7. Tags
• Tags are the structure of the page
• Elements
– Inline
• p
– Block
• Article
• HTML5 semantics
– Give sections meaning

8. Attributes
• Give elements meaning or context
– Not too many with HTML5
• Attributes have a value

9. Syntax
• <img src=“pic.jpg” alt=“picture”/>

10. Semantic Tags
• Header
• Section
• Article
• Aside
• Footer

11. Common Tags
• p
• h1-h6
• ul
• ol
• img

12. Character Codes
• W3schools character sets
– Ascii
– ISO-8859-1
• Entity Number
– &#34;
• Entity Name
– &quot;