HTML Tutorial

Chapter 4: A Little More Tags

The Center Tag

The center tag pretty much explains itself. The opening center tag is <center> and the closing center tag is </center>. Whatever you put between will be centered on the current line!

Example of CENTER tag...

Center Works

<center><h1>Center Works</h1></center>

The Body Attributes

In Chapter 1 you learned the BODY tag. The BODY tag has many attributes, here are a the most useful ones...

1 background="location_of_image" Background Image
2 bgcolor="#hexadecimal_here" Background Colour
3 link="#hexadecimal_here" Colour Of Links
4 vlink="#hexadecimal_here" Colour Of Visited Links
5 text="#hexadecimal_here" Text Colour

Your Own HTML Page

Right click in the centre of the image below, and select "Save Image As" / "Save Picture As", or similar. Save it as "bg.jpg" in the same directory where your home page "index.html" is stored.


Tutorial Background Image

Add the following red text to your HTML page ("index.html")

<html>

<head>

<title> My First Webpage </title>

</head>

<body background="bg.jpg">

<center><h1>YOURNAME's Home Page</h1></center>

<p>This is the home page of <b>YOURNAME</b>.</p>

<p>Type something about yourself here. Describe briefly who you are and what you do for a living. Remember to use bold and italic text, for emphasis.</p>

</body>

</html>

Save the text file as "index.html".