XHTMLBasics - CSE 102 Introduction to Web Design and...

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

View Full Document Right Arrow Icon
CSE 102 Introduction to Web Design and Programming XHTML Basics
Background image of page 1

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

View Full DocumentRight Arrow Icon
HTML HyperText Markup Language Markup Language, not programming language Web Documents use HTML format Enables you to structure and organize text, graphics, pictures, sound, video, etc … Supports headings, paragraphs lists, tables, links, images, forms, frames, etc … HTML versions from 2.01 – 4.01 (most recent) Replaced by XHTML An HTML document has 2 components Markup tags (for page organization/formatting) Content
Background image of page 2
XHTML XML eXtensible Markup Language Allows us to add our own tags DTD file (Document Type Definition) – where you define your own tags XHTML eXtensible HTML
Background image of page 3

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

View Full DocumentRight Arrow Icon
XHTML Elements More than 90 types Top-level elements html, head, body Head elements title, link, meta, base, script Block-level elements h1-h6, p, ul, ol, li, table, etc … Inline elements a, br, em, hr, img, strong, etc … HTML tutorial - http://www.w3schools.com/html/default.asp
Background image of page 4
Exercise Take the starting code from HW 1 Make a new html file Now we’re going to add to it
Background image of page 5

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

View Full DocumentRight Arrow Icon
HTML Elements More than 90 types Top-level elements html, head, body Head elements title, link, meta, base, script Block-level elements h1-h6, p, ul, ol, li, table, etc … Inline elements a, br, em, hr, img, strong, etc … HTML tutorial - http://www.w3schools.com/html/default.asp
Background image of page 6
Add some block-level elements inside body, not inside any other tags <h1>Yankees</h1> <h2>are</h2> <h3>great</h3> <h4>Red Sox</h4> <h5>are</h5> <h6>smelly</h6> <p>My unordered list of Real World Cities:</p> <ul> <li>San Diego</li> <li>San Francisco</li> <li>Paris</li> </ul> <p>My ordered list of Real World Cities</p> <ol> <li>New York</li> <li>Los Angeles</li> <li>San Francisco</li> </ol>
Background image of page 7

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

View Full DocumentRight Arrow Icon
Add some inline elements somewhere inside body, not inside any other tags <p>I'm taking <a href="http://www.cs.sunysb.edu/~cse102">CSE 102</a><br /><br /><br /><br /> this semester.</p> <hr /> <p>My teacher is <em>wack</em>. Here's a picture of <strong>him</strong>:</p> <img src="./teacher.jpg" /> Now, go on the Web and find a jpg Save it to the same directory as your Web page and name it teacher.jpg
Background image of page 8
Image of page 9
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 05/13/2011 for the course CSE 102 taught by Professor Richardmckenna during the Spring '11 term at SUNY Stony Brook.

Page1 / 27

XHTMLBasics - CSE 102 Introduction to Web Design and...

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

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