L03-HTML - Session 3 HTML Session 3 HTML Tim Berners-Lee 1 Reading WebReference tutorials www.webreference.com/html/tutorials Wiki

Info iconThis preview shows pages 1–6. Sign up to view the full content.

View Full Document Right Arrow Icon
Session 3 – HTML 9/10/2010 1 © Robert Kelly, 2001-2010 Session 3 HTML 1 Tim Berners-Lee Reading WebReference tutorials www.webreference.com/html/tutorials/ Wik Wiki en.wikipedia.org/wiki/Html Character sets http://scripts.sil.org/IWS-Chapter03/ © Robert Kelly, 2001-2010 2
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Session 3 – HTML 9/10/2010 2 © Robert Kelly, 2001-2010 References WWW Consortium - HTML 4 (www.w3.org/TR/html4/) W3C HTML Validato - validator w3 org/ W3C HTML Validator validator.w3.org/ Web Design Group Validator www.htmlhelp.com/tools/validator/ nVu – http://www.nvu.com/ Tidy GUI - perso wanadoo fr/ablavier/TidyGUI/ © Robert Kelly, 2001-2010 perso.wanadoo.fr/ablavier/TidyGUI/ HTML character entity references www.htmlhelp.com/reference/html40/entities/ 3 Lecture Objectives Become familiar with HTML syntax Understand the relationship between an HTML Understand the relationship between an HTML document and the corresponding element tree Know the different versions of HTML Know the structure of an HTML page Understand the importance of HTML validation © Robert Kelly, 2001-2010 4
Background image of page 2
Session 3 – HTML 9/10/2010 3 © Robert Kelly, 2001-2010 HTML Issue There are 2 approaches to HTML 1. “old-style” html – generated by tools, not consistent with standards and not using advanced feature standards and not using advanced features 2. Valid html in which styling information is contained within style sheets It’s easy to produce bad HTML, but a little more difficult to produce correct HTML Advanced Web applications almost always need the © Robert Kelly, 2001-2010 5 second approach Think of html as a programming language for which most compilers allow errors Anatomy of an HTML Page This Sun Learning Link Registration page is an example your major project (TBD in the next few days) Your project will use a reduced version of a form page – no © Robert Kelly, 2001-2010 6 JavaScript, no long drop down lists, reduced number of components.
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Session 3 – HTML 9/10/2010 4 © Robert Kelly, 2001-2010 Example Document Structure An HTML page is a tree of html elements Doctype head body html Document © Robert Kelly, 2001-2010 7 title meta style base center form td tr table h2 An element (e.g., body) may contain other elements and/or text HTML Element <td><div align="center"> An element consists of a begin tag, an end tag, and element content <img src="original_files/contact-us.gif" width="126" alt="" height="51" /> </div> Fill out the form below and your information will be sent to a sales representative. Be sure to specify what price range you are wanting to stay in. If you prefer, you can call us toll free at 877-456-7223 or </td> This html produces this browser display © Robert Kelly, 2001-2010 8
Background image of page 4
Session 3 – HTML 9/10/2010 5 © Robert Kelly, 2001-2010 What are the Components of HTML?
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Image of page 6
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 02/22/2011 for the course CSE 336 taught by Professor Kelly,r during the Fall '08 term at SUNY Stony Brook.

Page1 / 22

L03-HTML - Session 3 HTML Session 3 HTML Tim Berners-Lee 1 Reading WebReference tutorials www.webreference.com/html/tutorials Wiki

This preview shows document pages 1 - 6. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online