1. Server Web Server Pages Client Browser 1 3 2

2.  HTML can do everything  We will limit our use to defining the content units – NOT formatting  Why? › Consistency › Readability  We will use › CSS (cascaded style sheets) for all formatting › PHP SSI (server side includes) for common pieces (headers and footers)

3.  Page structure  Define the content › Text › Headers › Lists › Tables  Minor formatting

4.  are special symbols with special meanings  How would you display A < B ?  Suggestions?  < for  & is an escape symbol, handled specially. Always ends with ;  Means that you need a special way to display “&” too: &  Full lists at http://www.w3schools.com/tags/ref_entities.asp http://www.w3schools.com/tags/ref_entities.asp http://www.utexas.edu/learn/html/spchar.html

5.  paragraph  headers  divisions  table  image  links  pictures  unordered list  ordered list  definition list  bold  italic  underline  break  line

6.  Comments  Indentation › Nested parentheses › Multi-line  Line up start and end  Things inside belong one tab over › Single line  Start, content, end on a single line › Komodo will help

7.  Need to define › Table › Row › Header (optional) › Data › Caption (optional)  Can contain anything › Other tables › Pictures › …

8. Practice http://www.w3schools.com/html/default.asp Additional Tutorials http://www.htmlcodetutorial.com/ http://www.opensourcetutorials.com/tutorials/Cl ient-Side-Coding/HTML/basics-of- html/page1.html Cheat Sheet: Bare Bones Guide to HTML http://werbach.com/barebones/download.html