- Forums
- HTML
- A Simple HTML Web Page Example Tutorial Guide To Build Your Site Free CSS
This Page Contains information about A Simple HTML Web Page Example Tutorial Guide To Build Your Site Free CSS By luke_flor in category HTML with 0 Replies. [666], Last Updated: Sat May 18, 2024
luke_flor
Thu Nov 16, 2006
0 Comments
2025 Visits
here is a simple web page you can customize for your web page
if you are trying to learn html, this is a good example to go by
just copy and past into notepad and save it as:
index.html
then open it with your browser like firefox or explorer or netscape or mozilla, which ever you use
CODE:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>My Title Goes Here</title>
<meta name="keywords" content="billie-mae, dog, mutt, canine, pet, friendship, animal, rescue">
<meta name="description" content ="Pictures and stories about my dog Billie-Mae and the funny things she does">
<meta name="author" content ="Andrea">
<meta name="copyright" content ="Copyright � 2006 Andrea">
<link rel="stylesheet" type="text/css" href="css/billie-style.css">
<style type="text/css">
body {background: #b5c69c url(img_36.gif) repeat}
#header {width: 768px; background-color: #b6c39a; border: 1px solid #000000; border-bottom-width: 0px;
text-align: center;}
.column { width: 355px; height: 400px; padding: 10px; border: 1px solid #000000; float: left; background-color:
#b5c69c}
.column p { font: 12px arial, sans-serif;}
.column img { float: right; margin-left: 5px;}
h1 {width: 355px; font: bold 16px arial, sans-serif; color: #af0b1c; border-bottom: 1px solid #af0b1c}
#wrapper {width: 770px; font: 12px arial, sans-serif; margin: auto;}
a:link {font: bold 12px arial, sans-serif; color: #5e6151; text-decoration: underline;}
a:visited {font: bold 12px arial, sans-serif; color: #5e6151; text-decoration: none;}
a:hover {font: bold 12px arial, sans-serif; color: #af0b1c; text-decoration: underline;}
a:active {font: bold 12px arial, sans-serif; color: #af5962; text-decoration: none;}
#horizNav a:link {text-decoration: none; text-align: center; display: block; width: 188px; float: left; border:
1px solid #b5c69c; margin-left: 1px;}
#horizNav a:visited {text-align: center; display: block; width: 188px; float: left; border: 1px solid #b5c69c;
margin-left: 1px;}
#horizNav a:hover {text-decoration: none; text-align: center; display: block; background-color: #b5c69c; width:
188px; float: left; border: 1px solid #b5c69c; margin-left: 1px;}
#horizNav a:active {text-decoration: none; text-align: center; display: block; width: 188px; float: left;
border: 1px solid #b5c69c; margin-left: 1px;}
#horizNav {margin: 0px; padding: 0px; width: 768px; height: 17px; list-style-type: none; margin-bottom: 16px;
background-color: #8e9675; border: 1px solid black}
#horizNav li {display: inline;}
</style>
</head>
<body>
<div id="wrapper">
<div id="header"><img src="http://photos.bravenet.com/166/366/683/3/4B3DA81507.gif" border="0"></div>
<!--here is my navigation -->
<ul id="horizNav">
<li><a href="index.html">Home</a></li>
<li><a href="aboutUs.html">About Us</a></li>
<li><a href="contactUs.html">Contact Us</a></li>
<li><a href="favoriteLinks.html">Our Favorite Links</a></li><br>
</ul>
<!--this is the section on how I found billie -->
<div class="column">
<h1>How it Started</h1>
<img src="http://photos.bravenet.com/166/366/683/3/F88EB5A65E.gif" border="0">
<p>It was a warm sunny spring day in <a href="javascript:void(0);"
onclick="window.open('map.html','PedroOhio','toolbar=0,menubar=0,location=0,directories=0,staus=0,scrollbars=0,resizable
=0,width=400,height=400,top=100,left=100');">Pedro Ohio</a> when a colleague and I went to a local farm to ask if we
could do some surveys on the <em>'crick'</em> that ran through the back of their property. </p>
<p>The farmer who owned the land approached us with a jocular, gap-toothed smile and asked us "do y'all like
puppies?". I responded with a tentative "yyeeesss -why?". "Well..." he said, "my girlfriend found this puppy out in the
back forty, and I'm a gonna have-ti shoot it... that is... unless you want it." I responded immediately with "don't
shoot the little puppy, I will come back for it at the end of the day."</p>
<p>This is the story of how I found Billie-Mae. When I went back to pick her up she was a tiny five week old
puppy, bloated with worms, covered in lice, ticks and fleas, starving, with a puncture hole through one eyeball.</p>
</div>
<! - this is the section on how she turned out -->
<div class="column" style="margin-left: 16px;">
<h1>How it Turned Out</h1>
<img src="http://photos.bravenet.com/166/366/683/3/AF337E590C.gif" border="0">
<p>With time and care and a lot of flea baths, Billie's hair grew back in the soft velour of most puppies.
The local vet told me that she was a very special dog because of her genetic history. The story in that area is one of
dog over-population due to a general lack of spaying and neutering. </p>
<p>Dogs run wild <em>-literally</em>. According to the vet, Billie-Mae is about a sixth generation wild dog.
After this period of interbreeding and feral living she has become just like many other dogs in the world that are
feral. They develop common characteristics such as medium height, stocky chest, pointy ears and curly tail. I like to
call her my "Yankee Dingo".</p>
<p>Apart from a few allergies she has turned out to be quite healthy and vivacious despite her rough
start.</p>
</div>
<hr style="clear: left; margin-top: 20px; color: #8e9675; width: 100%; height: 1px;">
</div>
</body>
</html>