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.