3.  Create a free account  Verify your email address

4.  Log in to your account  Create a new fiddle  Save a fiddle  Update a fiddle

6.  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 (Thursday)

7.  VoiceOver Rotor (start at 1:15) VoiceOver Rotor

8.  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

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

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

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

12.  Some can take any content › divisions, footers  Some have restrictions › Paragraphs can not have lists inside them  Some tags are limited as to where they can appear › List items can only appear in lists  Incorrectly nested tags MAY appear to work

13.  Validation  http://validator.w3.org/ http://validator.w3.org/

14.  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  Always include your name in date in every file

15.  http://www.freeformatter.com/html- formatter.html http://www.freeformatter.com/html- formatter.html

16. 1. Use jsfiddle to get it right 2. Create a new page in Komodo 3. Copy the fiddle into body 4. Format it 5. Validate it using file 6. Upload it 7. Validate it using URI