Difference between revisions of "HTML 1"
Jump to navigation
Jump to search
m (increment often.) |
(introduction/warmup) |
||
Line 1: | Line 1: | ||
+ | * HTML stands for 'H'yper'T'ext 'M'arkup 'L'anguage. | ||
+ | ** HyperText stems from HyperCard, and the concept of clickable links in text, to other content. | ||
+ | ** Markup means that the text/content is plainly available, with tags providing instruction on what to do with that text. | ||
+ | ** Language implies that it can be interpreted differently (and, in fact, is) by different browsers. | ||
+ | * Related languages; CSS &JS (XML?) | ||
+ | ** JavaScript has no relation to Java; it's official name is ECMAScript. | ||
+ | |||
+ | |||
* Point out and discuss that web browsers can load HTML from any source; server or local file. | * Point out and discuss that web browsers can load HTML from any source; server or local file. | ||
** http:// or file:/// in Location Bar | ** http:// or file:/// in Location Bar | ||
Line 4: | Line 12: | ||
** less than, greater than symbols are boundaries | ** less than, greater than symbols are boundaries | ||
** tag is the first word or letters found | ** tag is the first word or letters found | ||
− | |||
− | |||
− | |||
* Discuss basic HTML structure (head, body) | * Discuss basic HTML structure (head, body) |
Revision as of 14:36, 16 May 2013
- HTML stands for 'H'yper'T'ext 'M'arkup 'L'anguage.
- HyperText stems from HyperCard, and the concept of clickable links in text, to other content.
- Markup means that the text/content is plainly available, with tags providing instruction on what to do with that text.
- Language implies that it can be interpreted differently (and, in fact, is) by different browsers.
- Related languages; CSS &JS (XML?)
- JavaScript has no relation to Java; it's official name is ECMAScript.
- Point out and discuss that web browsers can load HTML from any source; server or local file.
- http:// or file:/// in Location Bar
- Discuss HTML syntax; how to type the language
- less than, greater than symbols are boundaries
- tag is the first word or letters found
- Discuss basic HTML structure (head, body)
- HEAD is used to load other assets (css, js)
- BODY is the primary document; it's what users see
- Document Outlines
- proper use of H1, H2, P, etc
- Discuss element attributes
- CLASS / ID / STYLE