Recap:
Last lesson we added images to our web page. It should currently look something like what is shown below.
What is a hyperlink:
A hyperlink is something that the user clicks to take them from one web page to another.
There are two different types of hyperlinks:
Internal hyperlinks: take the user to a web page on the same website
External hyperlinks: take the user to a web page on a different website
Internal Hyperlinks:
To code a link that goes to another page on the same website we can code it in the following way:.
In this example:
The text “Click Here” would show on the webpage to the user.
The user would end up on the webpage called “webpagename.html”
For this to work its important that the HTML file is in the same folder.
External Hyperlinks:
To code a link that goes to another page on the same website we can code it in the following way:.
In this example:
The text “Click Here” would show on the webpage to the user.
The user would end up a new website called domain.com
You can make this open in a new window by adding a special parameter:
<a href=”www.bbc.co.uk” target=”_blank”>
Examples:
See 2 examples below:
Task:
Complete the following 4 steps in lesson before adding any new content to your website:
