HTML Hyper-Text Markup Language or tags

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

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

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)

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

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

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

HTML template Page Name Page Heading

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

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

Tags without content

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

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

A Page To Anchor

Tables Using colspan attribute on td Using rowspan attribute on td Using border attribute on table

List ul ol li

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