XHTML TAGS I Basic Tags

North Lake College 2 by Sean Griffin Sample XHTML Code

North Lake College 3 by Sean Griffin XHTML Code Deconstructed (1) 1. XML Declaration: This line identifies this document as an XHTML document. 2. Document Type Definition (DTD): Points to a URL that outlines elements, attributes and their usage. There are three types of DTD’s:  Transitional: XHTML, HTML 4.0 and old browser compatible.  Strict: uses XHTML elements only.  Frameset: allows access to the HTML frameset tags.

North Lake College 4 by Sean Griffin XHTML Code Deconstructed (2) 3. tag & Namespace: The tag really marks the start of our web page. This tag also contains a URL which points to a file that gives detailed information about the particular XML vocabulary, which is XHTML in our case.

North Lake College 5 by Sean Griffin XHTML Code Deconstructed (3) 4. tag: contains all of the header information. Ex: Keywords are enclosed inside the tag. These are the keywords that help you find useful pages when you perform a Google search. We’ll learn more about this later.

North Lake College 6 by Sean Griffin XHTML Code Deconstructed (5) 5 & 6. tag: The tag must be enclosed inside the tags. The text between the tags will appear in the browser’s title bar.

North Lake College 7 by Sean Griffin XHTML Code Deconstructed (6) 8 & 9. tag: all of your visible content will be placed within this tag including: Images: jpg, gif, png Media: video, Flash Tables Text Etc.

North Lake College 8 by Sean Griffin The Most Basic Page Hello World! Hello World!

North Lake College 9 by Sean Griffin Let’s add the following Tags : adds comments to your page. These do not appear on the page when viewed in the browser. through : creates a header : creates a paragraph : the emphasis tag – like italic : creates bold text : break tag – like a line break

North Lake College 10 by Sean Griffin Add a Comment To It! Hello World! Hello World!

North Lake College 11 by Sean Griffin Add a Header… Hello World! Hello World!

North Lake College 12 by Sean Griffin Add a Paragraph… Hello World! Hello World! This is a paragraph.

North Lake College 13 by Sean Griffin Add Emphasis… Hello World! Hello World! This is a paragraph.

North Lake College 14 by Sean Griffin Add Strong… Hello World! Hello World! This is a paragraph.

North Lake College 15 by Sean Griffin Add a Break… Hello World! Hello World! This is a paragraph. This is a line This is another line.