Server Web Server Pages Client Browser 1 3 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)

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

 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

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

 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

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

Practice Additional Tutorials ient-Side-Coding/HTML/basics-of- html/page1.html Cheat Sheet: Bare Bones Guide to HTML