HTML with Arachnophilia (the very basics)
Adding a second page and linking to it.

Open a new page as we did in Tutorial #1, give it a name and put something on it.
I have just put a heading here.
Save the page.


<!doctype html public "-//w3c//dtd html 3.2//en">

<html>

<head>
<title>Page 2</title>
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
</head>

<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#008000" alink="#ff0000">
<center>
<h1>My Second Page</h1>
</center>
</body>

</html>

You will notice that you now have both pages loaded so click the index page tab.

Position your cursor after the closing applet tag and press 'Ctrl' and 'Enter'
This puts in a line break <br> easier than typing it in.

<center>
<h1>My Page</h1>
<applet code="lake" width="300" height="400">
<param name="image" value="myhome.jpg">
</applet><br>

</center>

Now click 'Bold' on the toolbar and type in the link text.
Open the 'Links' Toolbar by clicking on it's button at the bottom of your screen.
Highlite the link and click 'NewHTML'



<!doctype html public "-//w3c//dtd html 3.2//en">

<html>

<head>
<title>My First Page</title>
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
</head>

<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#008000" alink="#ff0000" background="
<center>
<h1>My Page</h1>
<applet code="lake" width="300" height="400">
<param name="image" value="myhome.jpg">
</applet><br>

</center>
</body>

</html>

Browse to the page to which you want to link and click 'Open'

This inserts the complete code making what you have highlited a link.
You use exactly the same method to make a graphic into a link.

<h1>My Page</h1>
<applet code="lake" width="300" height="400">
<param name="image" value="myhome.jpg">
</applet><br>
<a href="page2.html"></a>
</center>

We have one thing left to do because we changed the background of the page to dark green.
In the body tag change the link, vlink and alink to white #ffffff so that they show against the dark background.

<body bgcolor="#ffffff" text="#000000" link="#ffffff" vlink="#ffffff" alink="#ffffff" background="mybackground.jpg" >

Save the page and preview.
The link should take you to your second page.

Back   Next