bannermuseum

The content for your web page goes in the body section. You'll place a body tag at the beginning <body> and end </body> of the content portion of your page.

You can add attributes to your body tag such as a background image, background color, text color, link, color, or vlink color. In the example below the page background color is set to light yellow.

Example

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<title>LITEhouse Award Nomination</title>
<meta name="author" content="Annette Lamb">
<meta name="keywords" content="website, awards, library, school">
<meta name="description" content="This page provides nominate information.">
</head>

<body bgcolor="#FFFF99">

The content goes here.

</body>

</html>

try itTry It

If you want to write in NotePad or SimpleText (TextEditor), simply open the software. Enter your HTML code. If you can't think of something to write, use the example above and fill in your information. Or, start a page about your favorite television show, movie, or vacation destination.

Pull down the File menu, select Save or Save As.
Do NOT save your file with the RTF or TXT file extension.
Be sure to add a .html or .htm file extension to your HTML document such as practice.htm or practice.html. Either way is fine. Traditionally, Macs used .HTML and Windows used .HTM as a file extension, but it doesn't really matter. Also, be sure to use short file names with NO spaces.
It's a good idea to pull ALL the documents related to your project in one folder. Also, keep file names show and don't put spaces in file names.

In Windows, you'll see an option for encoding in the Save window. Change the encoding option from ANSI to UTF-8.

text example

Now, let's try it.

Open a web browser such as Internet Explorer.
Pull down the File menu, select Open File.
Browse for your HTML document.
A blank page will appear on the screen, but you should see your title above the blank page in the window caption area. It may not be very exciting, but you've got a good start!
Go back to your HTML document and add some additional text. Save again.
Go back to to your browser and choose Refresh.
Your new information will appear!

sample screen

Your Document

Your document should now look something like this:

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<title>Annette Lamb's Personal Page</title>
<meta name="author" content="Annette Lamb" />
<meta name="keywords" content="pet, dog, puppy, cat, kitten, fish" />
<meta name="description" content="Choosing a pet." />
<meta name="copyright" content="&copy; 2007 Annette Lamb" />

</head>

<body>

Choosing A Pet

</body>

</html>

Learn More

body tag from w3schools


| eduscapes | IUPUI Online Courses | Teacher Tap | 42explore | escrapbooking | About Us | Contact Us | ©2006 Annette Lamb