1. HTML Hyper-Text Markup Language or tags

2. HTML is a “tag” language Open and close tags Tags identified with <> angle brackets Basic format content (shorthand when no content for tag) Format with attribute(s) content Generally whitespace is not important Tags names generally are important for example, doesn’t exist

3. HTML is a markup language Semantics: Of or relating to meaning, especially meaning in language Semantic annotations are the GOAL = division = paragraph or = list, ordered or unordered = list item = strong = emphasis = anchor (this is how links will be made) = inserted text = deleted text

4. HTML is imperfect Non-Semantic Markup is Common and unavoidable, except by the best experts of HTML CSS and JavaScript = bold = italic = big = underline (deprecated) = font (deprecated) = center (deprecated)

5. HTML is a standard Currently on version5 Other versions exist – Examples: – et al… “quirks mode” is the default! – Rendering/spacing of elements will try to match old browser behavior for backward compatibility. – HTML5 form elements will not display correctly

6. Specify HTML5 – First line of document no spaces in front on a line by itself – DOCTYPE all caps – html all lowercase – Don’t forget the bang! This is not a tag – No closing tag This is not a tag Page appearance may depend on HTML 5

7. Basic Structure of HTML Document html – head title style …other meta data – body h1 …other content Title of Page Main Heading

8. HTML template Page Name Page Heading

9. Block vs Inline Tags are defined as Block tags or inline tags p, div, ol, ul are block b, i, strong, em, are inline img, a are inline

10. Tags h1, h2, h3, h4, h5, h6 p b strong i em u big small del strike s pre blockquote q code tt samp kbd

11. Tags without content

12. Specialty Tags object – param table – thead – tbody – tr – td – th input textarea select – Option – optgroup script

13. img Basic using local and absolute url references – Specify Width and/or Height – Alt text for accessability – NOT –

14. A Page To Anchor

15. Tables http://www.w3schools.com/html/html_tables.asp Using colspan attribute on td Using rowspan attribute on td Using border attribute on table

16. List ul ol li

17. HTML Entities Entity name &entity_name; & & Ampersand symbol < <Less than operator > >Greater than operator · · Middle dot —— Em dash – &ndash En dash Entity number &#entity_number; < < Less than operator