transcript
- Slide 1
- Week 1
- Slide 2
- Phillip Chee pchee@flemingc.on.ca Ext.1214
http://fleming0.flemingc.on.ca/~pchee/fts/2011/wsdi
- Slide 3
- Designing with Web Standards, Third Edition. Jeffrey Zeldman
with Ethan Marcotte. New Riders Press. 2009
- Slide 4
- What is HTML? HTML document structure HTML element syntax
Document Object Model Block level and inline elements Semantics
Best practices Character references
- Slide 5
- IETF (Internet Engineering Task Force) proposes HTML standard
1993 HTML 2.0 1995 HTML 3.0 > 3.2 1996 HTML 4.0 > 4.1 1997
> 1999 XHTML 1.0 2000 XHTML 2.0 2001 Web Hypertext Application
Technology Working Group (WHATWG) 2005 HTML5 2009
- Slide 6
- Text file with.htm or.html extension Contains contentwords,
references to images, data Wrapped in special syntax markers called
elements Elements are written out as opening and closing tags Web
browsers (a.k.a. user agents) display the content as intended
- Slide 7
- 1. This is a heading 2. This is a paragraph of text, or
content, marked up with HTML tags. This paragraph is wrapped in a
paragraph element
- Slide 8
- Slide 9
- HTML Page d A very simple HTML page! 1.Document type definition
or DOCTYPE. Points to set of rules that HTML documents should
follow to be correct. 2. elements wraps entire content. 3. element
contains metadata and element; titled displayed in browser title
bar. 4.