Hints 4 Html
Chapter 2

How do I add a form button link?Add this code to your page, and subsitute your own information where you see bold text:

<form method="link" action="http://address you want to link to"> <input type="submit" value="click here"></form>

This is what it would look like:

You can also add color to your link buttons. This one has a border, but you can remove the border by removing the border tag. You can change the font color by adding a hex number in the "color" tag. Here is the code:

<form method="link" action="http://address you want to link to"> <input type="submit" value="click here" rows=6 COLS=26 style="font-family:arial" style="border style:solid" style="background:#9900ff" style="color:#330099"></form>

And it will look like this:


How do I add images?This is very easy: (substitute your own info where you see bold text)

<img src="your filename.gif (or .jpg)" width="yourwidth" height="yourheight" alt="my image name">

To center the image, this is what you do.

<img src="your filename.gif (or .jpg)" width="yourwidth" height="yourheight" alt="my image name">

my image name Remember that you need to upload the images to your server space. If you don't, when you look at your page you will see a red x where the image should be. This means you either didn't upload it, or there is an error in your HTML code.

How do I make hyperlink images? A hyperlink image is an image that is a link. It is very simple. Upload the image to your server, then copy and paste this code into your editor, but add your own file name:
 
<a href="address you want image to click to"><img src="your file name.gif(or jpg)" border="0"></a>
It is also really nice to have the image width and height included in the tag because your page will load faster and it looks better. You can also include an ALT tag which will give people something to look at while your page is loading. To find out what the image height and width are, you right click on your image and choose "properties." Unless you are using an older browser it should tell you the dimensions of your image in pixels. You just need to change the code a little (substitute your own info where you see bold text):

<a href="address you want image to click to"><img src="your filename.gif(or jpg)" border="0" width="000" height="000" alt="pick a name"></a>

If you do not include the tag <border="0"> you will see a border around your image.

*Some Web hosts require you to link to the image with your whole URL, if you're having problems with images showing up try this:
 
<a href="address you want image to click to"><img src="your webpage address/your filename.gif(or jpg)"></a>

Next

Hints 4 Html

Chapter 1 | Chapter 2 | Chapter 3