miraii.designs versionFourteen

Apply?

Main

♦ Main
♦ Link MD
♦ Back /

♦ Bookmark
♦ Links Out
♦ Forward

Skins

Site

♦ Site History
♦ Web Managers
♦ Contact
♦ Actual Layout

♦ Layouts History
♦ Credits
♦ Rules
♦ Tagboard

Graphics

♦ Wallpapers
♦ Donate!

♦ Avatars

Layouts

♦ Div Layers
♦ Pop-Ups
♦ Donate!

♦ I-frames
♦ Tables

Signs

♦ Error Signs
♦ Moved Signs

♦ Hiatus Signs
♦ Donate!

Tutorials

♦ HTML
♦ PSP

♦ Table of Colors
♦ Special Characters

Credits

How to make a link?

A really frequent question. Apparently these basic questions have recently arisen among new HTML learners. If you're using frontpage or dreamweaver you just have to search the link insertion button and write the URL there. If you're going to use NotePad keep reading.

The code

Creating a link using HTML is quite easy, you just have to place this code where you want the link to be:

From this code you obviously have to change some stuff, like link.html, which you can change for:
- If you want to link an URL in your server, you have to change it to the name of the page and its extension (html or htm). If it's not in the same directory that the page where the link is, you'll have to place the route.
- If you want to link an image instead of a file, you have to put image.jpg, of course, placing the name and extension of your image. If it's placed in a different site, you'll have to write the route to access it.
- If you want to link a different site, you have to place the full URL, but don't forget the http://, because if you don't place it, the code would only look for the file in your server.
- You can also link an e-mail address, in this case, placing mailto:yourname@yourserver.com

Where it says Link, you just have to place the name of your section, image, site you want to link, a mail me, or whatever you want.

You can also make an image link placing the following code:

Here you have to change the link.html and image.jpg again. If you want the image to appear without border, you have to place it this way <img src="image.jpg" border="0">. Changing that number a thin border will appear. If you don't place this code, a custom size 2 border will be placed.

It's very important for you to remember to place the </a> after each link, on the contrary all the text you write under will be a linked text.
If you want that some text appears when you place the mouse over your link, you place <a href="whatever" title="TEXT">Link</a> for text and <a href="whatever><img src="image" border="0" alt="TEXT></a> for images.

Rotations