Step 1
Insert the tag <html> at the top of the page to let the browser know that this is a html file.
(Does not matter whether you use lower or upper case letters for the HTML tags)
Step 2
Insert the tag <head> for the page heading; insert the <title> tag; give your page a short
descriptive title. Close the title</title> Close the heading</head>
<head><title>Bambi's Home
Page</title></head>
Step 3
Insert the <body> tag. If you want the background of your page to be a particular color, insert a
tag for the background color and the number of the color.
<body
bgcolor= "#FFFFFF">
"#FFFFFF" is the number for the color white. Now to change the color of the text, add this tag,
<body bgcolor= "#FFFFFF" text= "#ff0000"> Text is now red. Other tags include link= and
vlink= Check out the color chart at
Barrysclipart for
the numbers for different colors.
Step 4
Give your page a title using the header tags <h1>(largest) to <h6>(smallest). Remember to
close, or your whole page will be in BIG letters. <h2>Bambi's Home Page</h2>
Center this title with the <center> tag.
<center><h2>Bambi's Home
Page</h2></center>
Step 5
Begin the text to your document. To force a line break, use the <br> tag. To skip a line between
paragraphs, use the <p> tag. To indent a paragraph use the <blockquote> at the beginning of the
paragraph and close with </blockquote>.
Step 6
For the text itself, if you want boldface use, <b> and remember
to close </b>.
For italics, use
<i></i>.
For underlining use, <u></u>.
To
change the color or font size of part of the text use
<font color= "# insert color number here">, close with </font>; For size use <font size = insert
number here> close with </font>.
Step 7
To link to another web site, use the <a> anchor tag.
<a href = "put URL, the address of the web site you wish to link to between quotation marks">
put the name of the site here</a>
Example: <a href =
"http://www.mtsu.edu/~library">MTSU
Library Home page</a>
Step 8
To create a list use the <ul></ul for an unordered list
or
<ol></ol> for an ordered list.
Use the <li> tag for each item in the list. This will create a bullet for each item.
Step 9
Give visitors to your site a chance to make comments. Include your e-mail address.
<a href="mailto: insert your email address">Comments to insert your email address</a>
<a href= "mailto: bambi@ulibnet.mtsu.edu">Comments to bambi@ulibnet.mtsu.edu</a>
Step 10
End your page with the </body> tag and the </html> tag.
