Setting Text and adding a Header
Next we are going to set the TEXT and LINK colours which we will be adding later.
The TEXT attribute sets the colour of the text and it is important to choose a colour that will show clearly
against your chosen background. I am going to use black which is #000000.
The LINK attribute sets the colour of an unvisited link and VLINK the colour of a visited link. Last
but not least we have ALINK which sets the colour of an active link (the colour changes when a visitor
clicks on it). You can make this the same colour as your VLINK.
On our page we will use black TEXT (#000000) and purple LINKS (#800080) which turn a lighter shade of purple(#FF40FF)
on the VLINK and ALINK when clicked and followed.
The text and link attributes are specified immediately after the BGCOLOR or BACKGROUND, depending on which you
have chosen, and should be typed in EXACTLY as below. Note there is a single space between each attribute.
TEXT="#000000" LINK="#800080" VLINK="FF40FF" ALINK="FF40FF"
<HTML>
<HEAD>
<TITLE>Topsy's Web Graphics</TITLE>
</HEAD >
<BODY BACKGROUND="tpslilac.jpg" TEXT="#000000" LINK="#800080" VLINK="FF40FF" ALINK="FF40FF">
</BODY>
</HTML>
Now to add a HEADER to your page. If you look at the top of this page you will see my header is "Setting Text
and adding a Header". Like all other tags, Header tags come in pairs, opening and closing tags. The largest
size is <H1></H1> and the smallest is <H6></H6>. The different sizes are shown below:-
this is size <H1>
this is size <H2>
this is size <H3>
this is size <H4>
this is size <H5>
this is size <H6>
We obviously want the header to be in the center of the page and in the Body, need to set another pair of tags
<CENTER> and </CENTER> to achieve this. (See below)
<HTML>
<HEAD>
<TITLE>Topsy's Web Graphics</TITLE>
</HEAD >
<BODY BACKGROUND="tpslilac.jpg" TEXT="#000000" LINK="#800080" VLINK="FF40FF" ALINK="FF40FF">
<CENTER>
</CENTER>
</BODY>
</HTML>
You can choose which size you think looks best, I have used <H2> for my header on this page. Let's make the header
My Graphics and use the biggest size. Type it like this <H1>My Graphics</H1>
Type this exactly like I have done between the <CENTER> and </CENTER> tags.
<HTML>
<HEAD>
<TITLE>Topsy's Web Graphics</TITLE>
</HEAD >
<BODY BACKGROUND="tpslilac.jpg" TEXT="#000000" LINK="#800080" VLINK="FF40FF" ALINK="FF40FF">
<CENTER>
<H1>My Graphics</H1>
</CENTER>
</BODY>
</HTML>
Save your file and then go to your folder and click on index.html to check your progress.