This section is about how to place pictures on a website, how to turn them into links, and things like that. First, let's start with just putting a picture here.
This is a picture of rinoa and the name of the picture is rinoaanimation.gif and its in a folder called images. There is also an alt tag on it that says Rinoa. The alt tag is the little box with words that comes up when you put your mouse over it (It doesn't work with netscape).The dimensions of it are 50 by 50, so the coding for it looks like this
<img src="rinoaanimation.gif" width="50" height="50" alt="Rinoa">
You can also turn pictures into links, using a very similar method as to the one used to turn text into links.
This picture is a hyperlink back to the main page.
The coding for this would look like...
<a href="tutorial.html" target="Tutorial"><img src="rinoaanimation.gif" width="50" height="50" border="0"></a>
Anchors are fun easy ways to basically "teleport" you to parts of the page. Its basically two parts, the place where you want to go, and the words you want to make the "trigger" for it.
For instance, if I wanted to make an anchor from the bottom of the page to the top, I would put this code
on the top of the page. Then if I wanted to make words lets say...underneath this sentence go to the top of the page, I would place this code
<A href="#giveitacodename">Back to the top</a>
You can also turn images into anchors!
<a href="#giveitacodename"><img src="images/rinoaanimation.gif" width="50" height="50" border=0></a>
This little Rinoa takes you back to the top.
Back to the top