1. Chapter 1 Web Page Building Blocks

2. Elements, Attributes & Values ElementAttr 1Value 1Attr 2Value 2

3. Block vs. Inline Block level tags are always displayed on a new line. Ex: & Inline tags cause changes within the current line. Ex: &

4. Parents & Children Web pages are constructed in an hierarchical structure. Ex: The quick brown fox… The example may be diagrammed as follows: The tag is the child of the tag. Said another way, the tag is the parent of the tag.

5. A Web Page’s Content White space is ignored by the browser Special Characters: ©  © &  @ ™  ™ <  < >  >

6. Links, Images & Other Content styles.css flash.swf javascript.js image.jpg movie.wmv

7. URL Schemes URL Schemes prefix the web address and tell the browser how to deal with the file we are calling for. http://  accesses a web page ftp://  accesses an ftp server mailto:  opens a mail client file:///  accesses a local file

8. Two Types of URLs 1. Absolute URL: a path that can be followed from any internet connected machine in the world. Ex: http://www.yahoo.com/images/family.jpg

9. Two Types of URLs (cont) 2. Relative URL: these can be broken into two types Document Relative URLs: specifies a path to a file relative to the current file Ex:images/family.jpg../images/family.jpg Site Root Relative URLs: specifies a path originating from the site root that drills down to a specific file Ex: /images/family.jpg

10. Building Relative Paths images/family.jpg index.htmFamily.jpg../images/family.jpg familyhistory.htmFamily.jpg