How to link to other websites

Welcome New Webmasters

More Tutorials

Home

How to put links in your web page
A tutorial where new webmasters will learn all about links

Portal

MasterDiz.com is a website dedicated to help with tutorials and free Resources and Graphics content (backgrounds, bar lines, clipart.etc.) to help to build, design, optimize your website and it is Free

More Scripts and Java Scripts

html document
<html>

<head>

<title>

My home page

</tile>

</head>

<body>

<a href="http://www.masterdiz
.com">The webmaster's portal</a>

</body>

</html>

Support

In case you couldn't understand the link tutorial, I will help you, send me a note with what you are trying to do, the problem you are having and the URL (address of your web page) if it is on line.

 
 

  Visitors

 
Two types of links. to link to your other pages (Internal) and to other websites (External).

How to link to my other web pages?

Edit your web page with note pad  to see the HTML code (like on the left column) and to be able to insert your link html codes

You have to put the tag (tag is what is in side brackets"< > " some tags have a the end a closing </ > tag) where you want the link to be.

The html tag to link to other pages in your website is:

<a href="name_of_file.htm>the text link</a>

If you have the web page that you want to link in a different directory where the linking page is, the the html tag is:

<a href="directory_name/name_of_file.htm>text of link</a>

If your web page that you want to link is in a different directory in the root directory, then the html tag is:

<a href="../directory_name/name_of_file.htm>text of link</a>

 "URL" minds the address of a file on the internet and begins with: "HTTP://" and it is the "hyper text transfer protocol"
(The way computers use to communicate with other computers o the "World Wide Web" that is the internet).

How to link to my other websites?

To link to other websites on the net it's very similar to link to internal links, here you have to add the "http://" (don't click on it) in your link tag:

<a href="http://www.masterdiz.com">The webmaster's portal</a>

Explanation:

<a href="http://www.domain_name.com"> Text of Link </a>

If you want to link to a specific web page in that domain then :

<a href="http://www.domain-name.com/file_name.htm>text of link </a>

Or if it is in a different directory then:

<a href="http://www.domain_name.com/directory_name/file_name.htm> text of link </a>


Html tags goes inside Brackets " <here > "
<a href="">the mining of this tag is:
anchor hyper reference equals
And between quotations goes the domain name, it can be:

www.masterdiz.com
remember to add the "http://" protocol prefix

<a href="http://www.masterdiz.com">
Next to it goes the text name for that reference that can be: Teaching HTML
It will looks like this:

<a href="http://www.masterdiz.com"> Teaching HTML

And now close the anchor with : </a>
It will looks like this:

<a href="http://www.masterdiz.com"> Teaching HTML </a>

There is so more to learn about, but this is the basics.
 

 

How to link clicking an image.


There is a method to link to other web page or site by doing click on an image or graphic.

you already have the image for the link to click on, the name of mine in this example is: BALLOON3.GIF
and the web page linking to is MasterDiz home page.

And this is the html tag to implement the link:

website to link to.

image to be click and alternative name to show up

 
<a href="www.masterdiz.com"> <img src="giflinks/BALLOON3.GIF" alt="Click Here"> </a>
 

<a href="www.masterdiz.com"><img src="giflinks/balloon3.gif></a>

 

AND WILL LOOK LIKE THIS:     Click Here

How to link to an image that is in other website.
To link to an image that is located in a different website you have to ask permission to the Webmaster of that website to link to that image and after you got permission then this is the method to do the "Hot Link": (if you do not got permission to link, do not link; many webmasters have a reduced quota of bandwidth and Hot links use a lot of it leaving nothing to the real visitors, when the quote is reached the website shots down)

You go to the web site where is the image you want in your page, put the mouse cursor on it, do a right click on it, a window will popup click on properties and a bigger window will pop up with the "URL" of that image, copy it and and paste it in  your "html" page.

In this example , I went to this URL:

http://www.masterdiz.com/tecnico

and did a right click on one of the  images, I did copy the image url (address) and pasted here;

http://www.masterdiz.com/indexy.htm

Then I added this:

<img src="     at the beginning

 and added this:     ">   to the end

  and it looks like this:

<img src="http://www.masterdiz.com/web01/images/box0014.png">

And here it is:    

You can go to the same "URL" ( same address.) there is a fractal image there that you can try to hot link. (My permission).

And try to link to MasterDiz.com

If you have any comments or question send me a note and I will answer it.

 


LINK CODE TESTER

Take a look of the structure of the design of the Home page, trying to fit hundreds of pages just in one single page.

want my site up and running
 

how to link to other websites
how to link to other sites
how to link to other pages
how to link to other WebPages
how to link to other web pages
how to link web pages together
how to link websites
how to link in html
how to link a picture
 
Link to MasterDiz.com
 

 

 


disclaimer

Copyright 2002~2009~2011~2012 MasterDiz.com (MasterDiz.com don't claim the copyright of script and images owned by their own authors).