Difference between revisions of "HTML 1"

From FreekiWiki
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
 
=SWDAT=
 
Students should identify an HTML element (other than one discussed) that they are aware of, or they think should exist.
 
  
 
* 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