SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server Pages Client Browser 1 3 2

HTML Content CSS Presentation JavaScript Behavior

 All we had to do was edit the page  CANNOT use a word processor › Word, Pages, Writer  Why? They add all sorts of gorp  Do NOT need special software › We WILL use it: Komodo Editor › It HELPS

 Create a free account  Verify your address

 Log in to your account  Create a new pen  Update a pen  Fork a pen › Click on the posted codepen URL › Click Fork

 HyperText Markup Language  HTML should be used for defining WHAT is on the page NOT how it LOOKS  Why? › Consistency › Alternate presentation › Simplicity  CSS (Cascading Style Sheets) for format (Tuesday)

 Two types of commands › Single commands or › Start/end commands...  Tags can have additional information associated with them – attributes …  Blank lines and spaces don’t matter

 Regular text = paragraph  Header numbers represent style, not order  Lists consist of list delimiters and list items

 Whether they start a new line or not › Paragraphs do › Emphasize does not

 Are like boxes: › You can nest them › You can put them side by side  They are not chain links › You can not intertwine them