XHTML Part 1 - Chapter 4 - Introduction to XHTML: Part 1...

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

View Full Document Right Arrow Icon

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

View Full DocumentRight Arrow Icon

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

View Full DocumentRight Arrow Icon

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

View Full DocumentRight Arrow Icon

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

View Full DocumentRight Arrow Icon

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

View Full DocumentRight Arrow Icon

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

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

Unformatted text preview: Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example 4.4 W3C XHTML Validation Service 4.5 Headers 4.6 Linking 4.7 Images 4.8 Special Characters and More Line Breaks 4.9 Unordered Lists 4.10 Nested and Ordered Lists 4.11 Web Resources Objectives In this chapter, you will learn: To understand important components of XHTML documents. To use XHTML to create Web pages. To be able to add images to Web pages. To understand how to create and use hyperlinks to navigate Web pages. To be able to mark up lists of information. 4.1 Introduction Extensible HyperText Markup Language XHTML A markup language Separation of the presentation of a document from the structure of the documents information Based on HTML Technology of the World Wide Web Consortium (W3C) 4.2 Editing XHTML XHTML documents Source-code form Text editor (e.g. Notepad, Wordpad, emacs, etc.) .html or .htm file-name extension Web server Stores XHTML documents Web browser Requests XHTML documents 4.3 First XHTML Example XHTML comments Start with <!-- and end with --> html element head element Head section Title of the document Style sheets and scripts body element Body section Pages content the browser displays Start tag attributes (provide additional information about an element) name and value (separated by an equal sign) End tag main.html (1 of 1) 1 <?xml version = "1.0" ?> 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 3 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" > 4 5 <!-- Fig. 4.1: main.html --> 6 <!-- Our first Web page --> 7 8 <html xmlns = "http://www.w3.org/1999/xhtml" > 9 <head> 10 <title> Internet and WWW How to Program - Welcome </title> 11 </head> 12 13 <body> 14 <p> Welcome to XHTML! </p> 4.4 W3C XHTML Validation Service Validation service ( validator.w3.org ) Checking a documents syntax URL that specifies the location of the file Uploading a file to the site validator.w3.org/file-upload.html http://www.w3schools.com/xhtml/xhtml_intro.asp 4.4 W3C XHTML Validation Service 4.4 W3C XHTML Validation Service 4.5 Headers Six headers ( header elements) h1 through h6 header.html (1 of 1) 1 <?xml version = "1.0" ?> 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 3 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" > 4 5 <!-- Fig. 4.4: header.html --> 6 <!-- XHTML headers --> 7 8 <html xmlns = "http://www.w3.org/1999/xhtml" > 9 <head> 10 <title> Internet and WWW How to Program - Headers </title> 11 </head> 12 13 <body> 14 15 <h1> Level 1 Header </h1> 16 <h2> Level 2 header </h2> 17 <h3> Level 3 header...
View Full Document

This note was uploaded on 02/06/2012 for the course FACULTY OF WXGE6320 taught by Professor Noraini during the Winter '09 term at University of Malaya.

Page1 / 37

XHTML Part 1 - Chapter 4 - Introduction to XHTML: Part 1...

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

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