Knowledgebase
Adding links to your web page
Posted by Support Admin on 28 August 2015 06:33 PM

This article assumes that you are using an HTML editor that will allow you to edit and modify the HTML code of your web page. To learn more about this, please visit the "Make Landing Pages" page of your iMMACC back office.


BASIC TEXT LINKS:

For anything you want to link to a page, there is a simple piece of code you can use:

<a href=”http://www.yourwebsitehere.com”>Text goes here.</a>

That is the formula for any link, and you simply put the URL or web address of the website you want inside the quotes. Then, you change the “Text Goes Here” to say whatever you want (for example, “Click here to watch the video” or “Click here to see the website”).

If there is a link that, when people click on it, you want to open up in a new window, then you use the following code template:

<a href=”http://www.yourwebsitehere.com” target=”_blank”>Text goes here.</a>

When people click on this type of link, it pops up the content in a new window so that people do not lose the page they were on.

For example, if you wanted to link someone to your iMMACC website, and have the text say, "Click here to visit my website!" and you also wanted it to open up in a new window, then the code would look like this:

<a href=”http://your_username.iMMACC.com” target=”_blank”>Click here to visit my website!</a>


BASIC IMAGE LINKS:

If you want to put a link onto an image, then instead of putting your text in between the "a href" and the "/a" pieces, you would instead put the code for your image. This assumes that you have already watched the instructions on how to insert an image onto your webpage that is located on the "Make Landing Pages" page in the iMMACC back office.

A basic image link would look like this:

<a href=”http://www.yourwebsitehere.com”><img src="images/myimage.jpg"></a>

This is the most basic image link, and will, by default, put a border around the image in most browsers to indicate that it is a link.

If you do not want a border on your image, then you will want to add the following property to the image tag: border="0". This will take off the border, even though the image is linked. Your code will now look like this:

<a href=”http://www.yourwebsitehere.com”><img src="images/myimage.jpg" border="0"></a>

If you want the link to open up in a new window, then that can be done using the same target="_blank" property as above:

<a href=”http://www.yourwebsitehere.com” target="_blank"><img src="images/myimage.jpg" border="0"></a>

As an example, if you wanted to link your image to your iMMACC website so that it did not have a border and the link opened up in a new window, your code would look like this:

<a href=”http://your_username.iMMACC.com” target="_blank"><img src="images/myimage.jpg" border="0"></a>


LINKING DOCUMENTS:

If you’re trying to link to a document that you have put up on your web server, then it’s the same type of thing. Use the code for a basic text link. Then, you just need to find the document, PDF, image, or file that you put up on your website.

Say you were trying to link to a PDF called “mydocument.pdf”, and you had it on your website inside a folder called “myfolder”. Then, the URL you would use would be “http://www.mywebsitename.com/myfolder/mydocument.pdf”.

(391 vote(s))
Helpful
Not helpful

Comments (0)
Post a new comment
 
 
Full Name:
Email:
Comments: