Previous slides are available on the website.Both of these things are used to hide some parts of elements and show other parts. p CSS This is a heading A bulleted list output A styled paragraph.

You will never, ever, EVER beat OUR prices! You will never, ever, EVER beat OUR prices! Welcome to Greasy Joe's. validator.w3.org checks your HTML code to make sure it follows the official HTML syntax more picky than the browser, which may render bad HTML correctly Why use valid HTML and web standards? more rigid and structured language more interoperable across different web browsers more likely that our pages will display correctly in the future can be interchanged with other XML data: SVG (graphics), MathML, MusicML, etc. HTML HTML output the link tag, placed in the head section, attaches another file to the page in this case, an icon to be placed in the browser title bar and bookmarks IE6: Doesn't work must put a file favicon.ico in the root of the web serverġ0 Web Standards It is important to write proper HTML code and follow proper syntax. Information about your page (for a browser, search engine, etc.) HTML placed in the head section of your HTML page meta tags often have both the name and content attributes some meta tags use the http-equiv attribute instead of name the meta tag with charset attribute indicates language/character encodings using a meta tag Content-Type stops validator 'tentatively valid' warnings I owned that newbie!) frag a kill in a shooting game output dl represents a list of definitions of terms dt represents each term, and dd its definition I owned that newbie!) frag a kill in a shooting game HTML newbie one who does not have mad skills own to soundly defeat (e.g. Newbie one who does not have mad skills own to soundly defeat (e.g. Harry Potter characters: Harry Potter Hermione Ron LOTR characters: Frodo Bilbo Sam HTML Harry Potter characters: Harry Potter Hermione Ron LOTR characters: Frodo Bilbo Sam outputĪpple business model: Beat Microsoft Beat Google Conquer the world! HTML Apple business model: Beat Microsoft Beat Google Conquer the world output ol represents a numbered list of items we can make lists with letters or Roman numerals using CSS (later) No shoes No shirt No problem! HTML No shoes No shirt No problem! output ul represents a bulleted list of items (block) li represents a single item within the list (block)

HTML is really, REALLY lots of fun! tags must be correctly nested (a closing tag must match the most recently opened tag) the browser may render it correctly anyway, but it is invalid HTML (how would we get the above effect in a valid way?) Presentation on theme: 'Lecture 3: Yet more HTML AND CSS'- Presentation transcript:Ī way of representing any Unicode character within a web page character(s) entity é è ñ é è ñ ™ © ™ © π δ Δ π δ Δ И И ' & ' & Complete list of HTML entitiesģ Nesting tags tags must be correctly nested

Harry potter font style for css html