8. What is HTML?
Hyper Text Markup Language —— The basic building-blocks of webpages.
HTML.Basic
9. What is HTML?
Hyper Text Markup Language —— The basic building-blocks of webpages.
HTML’s origin
HTML.Basic
10. What is HTML?
Hyper Text Markup Language —— The basic building-blocks of webpages.
HTML’s origin
1.0 / 2.0 ... 4.0 / 4.0.1 /xhtml1.0 ... 5
HTML.Basic
11. What is HTML?
Hyper Text Markup Language —— The basic building-blocks of webpages.
HTML’s origin
HTML.Basic
12. What is HTML?
Hyper Text Markup Language —— The basic building-blocks of webpages.
HTML’s origin
‣ 1991 HTML
‣ 1994 HTML 2
‣ 1996 CSS 1 + JavaScript
‣ 1997 HTML 4
‣ 1998 CSS 2
‣ 2000 XHTML 1
‣ 2005 AJAX
‣ 2009 HTML 5
HTML.Basic
13. What is HTML?
Hyper Text Markup Language —— The basic building-blocks of webpages.
HTML’s origin
HTML.Basic
14. What is HTML?
Hyper Text Markup Language —— The basic building-blocks of webpages.
HTML’s origin
ALL u should know is 5 coming
HTML.Basic
20. 1. <!Doctype>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML.Basic
21. 1. <!Doctype>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML.Basic
22. 1. <!Doctype>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML.Basic
23. 1. <!Doctype>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML.Basic
24. 1. <!Doctype>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!Doctype html>
HTML.Basic
25. 1. <!Doctype>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!Doctype html>
No.1 <!Doctype html>?
HTML.Basic
30. Tags
Elements are not tags.
- < “ ” “ ”……> …… < >
- *
- tag
- *
- id
- html entities
https://docs.google.com/Doc?docid=0AWiI12yCmwaoZGNiemJqOGpfMTVmaHZtOWNkeg&hl=en_US
HTML.Tags
31. Classification in Specification according to 5
‣Root html
‣Metadata head title meta base link style
‣Scripting script noscript
‣Sections body section nav article aside h1~h6 hgroup header footer address
‣Grouping content p hr pre blockquote ul li ol dl dt dd figure figcaption div
‣Text-level semantic a em strong small s cite q dfn abbr time code var
kbd sup sub i b u mark ruby rt rp bdi bdo span br wbr
‣Edits ins del
‣Embedded content img iframe embed object param video audio source track canvas map area
‣Tabular data table caption colgroup col tbody thead tfoot tr td th
‣Forms form fieldset legend label input button select datalist optgroup option textarea
keygen output progress meter
‣Interactive elements details summary command menu
‣Links a area
HTML.Tags
69. <div>
• when no other element is suitable. Use of the div element
instead of more appropriate elements leads to poor
accessibility for readers and poor maintainability for
authors.
HTML.Tags
80. What HTML5?
HTML5 ~= HTML + CSS + JS
•
•
• Javascript API
• CSS3
81. Why html5?
• Better User Experience
• More Efficient
• Google loves HTML5
• Strong Support
• Apple loves HTML5
• Mozilla loves HTML5
• Opera loves HTML5
• Microsoft loves HTML5
82. How html5?
• Flash
Google features first HTML 5 canvas doodle
alipay doodle