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 following 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: "hr"
• Add emphasis or italicize to text. Tag: "i".
• Add bold to text. Tag: "b".
• Add images. Tag: "img src".
• Add hyperlinks, or more commonly known as links. Tag: "a".
• Use a unordered or bulleted list. Tag: "ul".
• Use a ordered or numbered list. Tag: "ol".
• Insert a table with "table" tag.
• Insert a table row with "tr" tag.
• Insert a table cell with "td" tag.

Hyperlinks or "Links"

What makes 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.

First, let us link three major universities in San Diego county.

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

Inserting Images or Computer Graphics

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

What is difficult is telling the computer where the image is located. You have to tell the computer the Path.

Do the following steps in order to insert an image.

1. Download or save an image in the correct location on your computer.
2. When you save the file, only use lowercase letters and underscores for the file name.
3. The location for saving your image files are in the root folder in folder named "images".
4. In the HTML document, you have to type the correct path of where the image is located at.
5. Use the tag "img src" to locate the image on the Web page in the document.

Creating an Inserting Table

Creating and inserting tables is an effective method of laying out your Web page. This allows you to place information anywhere you like on the Web page. You can better control where everything is placed.

Table Tags and Attributes

Table For Images

Red Devils
Cars
Mickey And Minnie

First Web Page Project

Last modified: 10 August 2010