Sample XHTML Document

The following is a simple, basic web document that includes some common HTML tags. Use any text editor including Wordpad, Notepad++, TextEdit, SimpleText, EMACS, VI or any application that can save files as ASCII text (text only). You can also select it with your mouse then copy and paste it into your text editor to avoid typing. Place your mouse over any tag for a short description. When saving the document be very careful to save it as a text document without any formatting. Also add an .html (or .htm) extension, for example index.html.

 

-------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>My First Webpage</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="This is where you describe your company or organization for search engines." />
<meta name="keywords" content="add, keywords, separated, by, commas, also add phrases separated by commas" />
<style>
body {

font-family: "Arial, Helvetica, san-serif";
background-color: #BBCAC5;
color: #123123;
}
a:link {color: #990033; text-decoration: none;}
a:active {color: #3333CC; text-decoration: none;}
a:visited {color: #902900; text-decoration: none;}
a:hover {color: #2547C9; text-decoration: none;}
.sml {font-size: 9pt; }
</style>

</head>

<body>
<a name="anchor">Clicking the Anchor below will jump to this spot.</a>
<h1>Heading Level 1</h1>
<h2>Heading Level 2</h2>
<h3>Heading Level 3</h3>
<h4>Heading Level 4</h4>
<h5>Heading Level 5</h5>
<h6>Heading Level 6</h6>

<p>Paragraph Text</p>
<p>Paragraph with a <br /> line break</p>
<p style="text-indent: 2em;">Indented Paragraph Text</p>
<p>&nbsp;</p> <!-- (Non-displaying comment) A paragraph with a single space -->
<p><a href="#anchor">Anchor</a></p>
<p><a href="http://www.grassrootsdesign.com/"> <img src="http://www.grassrootsdesign.com/images/logo.gif" width="111" height="161" alt="GrassRootsDesign logo with link to GrassRootsDesign website" border="0" /></a></p>
<table border="2" width="300" cellspacing="2" cellpadding="2">
<tr>
<td>Cell One Row One</td>
<td>Cell Two Row One</td>
</tr>
<tr>
<td>Cell One Row Two</td>
<td>Cell Two Row Two</td>
</tr>
</table>
<ul>
<li>Bulleted Item One
<li>Bulleted Item Two
</ul>
<ol>
<li>Numbered List Item One</li>
<li>Numbered List Item Two</li>
</ol>
<hr />
</body>
</html>

 

-------------------

To view it, open the document you have saved in your browser. The easiest way to do this is to open the folder you saved it in and double click on the document.

Once you have viewed the document go back to the text editor and change something. Save it again and then switch to your browser and refresh the document to see the changes.

Correction form

Enter the error in this field
Enter the correction in this field