Difference between revisions of "HTML 1"
(History) |
m (more info) |
||
| Line 15: | Line 15: | ||
== What's the big deal with HTML 5? == | == What's the big deal with HTML 5? == | ||
| + | |||
=== Versions === | === Versions === | ||
| + | |||
| + | |||
=== Standards === | === Standards === | ||
| + | HTML is, at it's core, an engineering specification. It is developed, and agreed-upon by representatives from large companies in the industry, such as Microsoft, Apple, Adobe, Google and so on. | ||
HTML 5 isn't a ratified standard yet -- it's only a draft spec. | HTML 5 isn't a ratified standard yet -- it's only a draft spec. | ||
| + | |||
=== Evolution === | === Evolution === | ||
Revision as of 15:32, 18 September 2013
HTML is the language which drives the entire web. All webpages are created using HTML.
History
What does HTML mean, anyway?
Acronym
The acronym HTML stands for HyperText Markup Language. The very beginnings of HTML is rooted in a Macintosh application known as HyperCard, where one could click "HyperLinks" to other HyperCards. This is the basis for how we interact with webpages today.
Markup
The M in HTML stands for Markup, which means that the actual text in a document (or page) is plainly available -- but it is annotated, or marked-up, to add additional information or instruction on how to display the text.
Language Interpretation
The L in HTML stands for Language, which is an important point. Like spoken language, HTML can be interpreted differently, depending on whom (or what program) is doing the interpretation. This is why webpages can look different in Firefox vs. Internet Explorer.
What's the big deal with HTML 5?
Versions
Standards
HTML is, at it's core, an engineering specification. It is developed, and agreed-upon by representatives from large companies in the industry, such as Microsoft, Apple, Adobe, Google and so on. HTML 5 isn't a ratified standard yet -- it's only a draft spec.
Evolution
Syntax
Tags
Attributes
Self-closing Tags
Structure
Semantic Markup
Head and Body
Legacy Stuff, to be modified/converted
- 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