HTML Editors - Adam's HTML Planet - Tutorials and Tips on how to create websites using HTML Editors

	Sign In Sign-Up

Using AceHTML 4 - Part 3 -
list of tutorials

Assuming that you've followed tutorials Part One and Part Two you should now have something that looks like this

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>AceHTML 4 tester page</title>
</head>
<body [with any of your own chosen attributes here]>
<h1>AceHTML 4 Test Page</h1>
This a test page to test out AceHTML 4 and this is some body text.<p>
This is, for some bizarre reason, a graphic of a frog <IMG SRC="FROG1.GIF" ALIGN="MIDDLE">.<br>
<div align="center"><font size="+2">This line is some text that is 2 sizes larger than the default text and is centre aligned.</font></div>
On this line there is a link to another page and one to Adam's HTML Planet Site</body>
</html>

So now we're going to deal with the links which are, after all, what makes the web a web.

First of all we need a second page to link to so, use File, New [OR clicking the New icon on the toolbar ... OR pressing Ctrl+N on your keyboard] and choose 'HTML document' and make it look like this
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>AceHTML 4 tester page 2</title>
</head>
<body [with any of your own chosen attributes here]>
<h1>Second AceHTML 4 Test Page</h1>
This is the second of two pages finding out how to use AceHTML 4 and this is a link back to the first page</body>
</html>
Save this file with the name ace2.htm
Next, go back to ace1.htm and select the text '... link to another page ...'. Click on the 'Specialized' Tab on the Tabs toolbar and click the 'External Link' button [or press Shift+Alt+X] which will open up a dialog box. The relevant sections here are:-
1. Reference to an external link:
2. Type of link and
3. Hint
Beside the Reference... box click the 'folder' icon and navigate to the ace2.htm file and click 'Open'
Leave the Type of link box as it is - assuming it says 'none [direct link]'
In the hint box you can specify any text that pops up when the mouse hovers over the link. in this case you could put 'Page Two' and click OK
The link to my site works slightly differently when you get to the External Link dialog box
Select the text '... Adam's HTML Planet Site ...'
Click on the 'Specialized' Tab on the Tabs toolbar and click the 'External Link' button [or press Shift+Alt+X]
Now, the first box we're concerned with this time is the 'Type of link' box. Click the drop-down arrow next to it and choose HTTP Link. This will change the text in the 'Reference to an external link:' box to read 'http://www.domain.com/'. Change it so that it reads http://www.adams.htmlplanet.com. In the 'Hint' box put 'Adam's HTML Planet' and click OK.
Save the file

I'll leave you to make a link back from the second page [ace2.htm] to the first.

There you have the basics of how to use AceHTML 4 to create webpages. Play around with it, experiment and I'm sure you'll find it a very useful web designers tool.

To learn more use the very good help files.

Go up to the top of the page to choose where you go next