Site hosted by Angelfire.com: Build your free website today!

Creating Web Pages with XHTML

by N.S.

Sweetwater High School


Home link Page 2 Link Page 3 Link

What is XHTML?

HTML or Hypertext Markup Language, is the code or language that is used to create Web pages. HTML documents, also known as "Web pages", are used by browsers such as the Internet Explorer or Mozilla Firefox to present text and graphics.

XHTML, or Extensible Hypertext Markup Language, is a cleaner and stricter code of Html.

Both HTML and XHTML use "tags" to markup the HTML document, These tags tell the browser to change the HTML document into a multimedia Web page.

Which Computer Programs Do You Need for Creating Web Pages

  1. My Computer: create root folder and other sub-folders
  2. Notepad: create HTML or "Web page" documents.
  3. Internet Browser: Mozilla Firefox or Internet Explorer. Use this to view Web Pages.

Creating Web Pages Using XHTML

This section explains how to create a Web page by using the folowing tags.

  • Start with the "documentation" tag.
  • Start with a title on the page. Tag:"h1 to h6".
  • Add paragraphs. Tag: "p".
  • Add a horizontal ruler. Tag:"p"
  • Add emphasis or italicize to text. Tag:"i".
  • Add bold to text Tag: "b".
  • Add images. Tag: "img src".
  • Add Hyperlinks, or commonly known as links. Tag"a".
  • Use a unorderd or bulleted list. Tag:"ul".
  • Use a ordered or number list. Tag:"ol"
  • Insert a table with "table" tag.
  • Insert a table role with "tr" tag.
  • Insert a table cell with "td" tag.

Hyperlinks or "Links"

Whats the World Wide Web or "Web" so effective is the ability to define and add links from one page to another, and to follow links at the click of a button. A single click can take you right across the world!

  1. University of California, San Diego
  2. San Diego State University
  3. University of San Diego

Inserting Image or Computer Graphics

Images can be used to make your Web pages look better and greatly help get your message across. The Simple way to add an image is using "img src"tag.

What is diffucult is telling the computer where the image is located. You have to tell the computer the "path".

Insert a image by doing the following steps.

  1. Download or save an image in the correct location on your computer.
  2. When you save the file only lower case and underscores for the file name.
  3. The location for saving your image files are in the root folder in foler named "images"
  4. In the html document you have to type the correct path of where the imagese is located at.
  5. Use the tag "img src" to located the image on the Web Page in the documents.

Title for Images: Red Devils

Image for Cars
Image of Mickey and Minnie Mouse
Introduction text goes here Image 1 Image 2

Creating and Intresting Tables

Creating and intresting tables is an effective method of laying out your Web page. It allows you to organize information on the page and you can place objects or information anywhere you want to on the page.

Table Tags and Attributes
Tag Attributes function
"table" Align Controls table alignment: Left, Center, Right.
Bgcolor Backgroung color for table.
Border Defines width of table border.
Cellspacing Defines space within cells
Cellpadding Defines space between cells
Cols Defines number of columns
Width Sets table width relative to window width.
Table row:"tr"
Align horisontally aligns row; Left,Center,Right.
Bgcolor Background color for row
Valign Vertically aligns row :Left,Center,Right.

Web site designed by N.S.
First Web Site Project
Web Publishing Class
Sweetwater High School
Last modified: 3 September 2010