In this tutorial we will create a link to an external webpage with a href in the opening tag
If you want to follow the tutorial please download tutorial template here
If you are following these tutorials continue to use your own source code from previous tutorial.
We will be using the following tags:
•Opening tag <a>
•Closing tag </a>
The sample code below can be used as a template for creating an external website link on your website.
| <a href="your url goes here">Link text goes here</a> |
Inside the inverted commas you replace your url goes here with the website address of the site you want to link to. The best way of getting the exact link you require is to go to the website you want to link to and copy and paste the text in your browser address bar.
| <a href="http://myprogramingjourney.blogspot.ie/">Link text goes here</a> |
If you want at this stage you can save your HTML document and test your link in the browser of your choice.
The text within the opening and closing tags will be the text that will be shown on your browser and will be blue in colour and underlined as a default setting in your browser. Set this text to what ever you want the user to see.
| <a href="http://myprogramingjourney.blogspot.ie/">My Programing Journey</a> |
Save your HTML document and test on browser of choice. If you wish to continue following the tutorials type Yes into the table data column after Text hyperlink in the completed tutorials table.
| <tr> <td>Text hyperlink</td> <td>Yes</td> </tr> |
To download the finished example for this tutorial please click here
In the next tutorial I will cover the target attribute
| Previous tutorial | Next tutorial |
0 comments:
Post a Comment
Please feel free to leave comments or ask questions related to the tutorials.