1. Adding Links to your Web Page

2. Starter Activity: What will the table look like?
How many rows will it have?
How many columns will it have?
What will be in each row and
column?
Adding Links to your Web Page
<table border="1">
<tr>
<td>Name</td>
<td>Month</td>
<td>Savings</td>
</tr>
<tr>
<td> Mr Winrow
</td>
<td>January</td>
<td>£1.00</td>
</tr>
<tr>
<td> Mr Clayton </td>
<td>February</td>
<td>£100.00</td>
</tr>
</table>

3. Starter Answer: What will the table look like?
Adding Links to your Web Page

4. In this lesson you will learn about the components
of a web address and how to create hyperlinks
using html. You will create 4 additional pages and
link them to make a working ‘website’ for the zoo.
Lesson
Objectives
 Understand the components works of a URL
 Be able to create hyperlinks on a web page
 Be able to create links to different web pages
Adding Links to your Web Page

5. Uniform Resource Locator
Every Web site has an address call the Uniform
Resource Locator or URL.
1.http:// (hypertext transfer protocol) is a code
that helps computers talk to each other
2.www or world wide web lets the computer know
the file is located on the World Wide Web.
3.myschool.com is a domain name or where the
Web site is hosted.
4.homework.html is the file or Web page
Adding Links to your Web Page

6. Uniform Resource Locator
Adding Links to your Web Page

7. Creating Hyperlinks on your Web page
To create a link in HTML, you need the anchor tag:
<a>…</a>
Inside the tag, you need the attribute: HREF
(hypertext reference).
For example, to create a link to the mymaths
website you would need to write the code:
<a href="http//:www.mymaths.com">mymaths</a>.
Adding Links to your Web Page

8. Task 17: Zoo Homepage
1.Load the text editor and open your HTML document: zoohomepage.html
2.Link each of the animals in your animals table to a website or webpage about
the animal. For example the word ‘Zebra’ could be linked to:
http://www.sciencekids.co.nz/sciencefacts/animals/zebra.html
3.In the menu table link the words:
1. ‘Homepage’ to zoohomepage.html
2. ‘Animals’ to zooanimalspage.html
3. ‘Park Info’ to zooparkinfopage.html
4. ‘Photographs’ to zoophotographspage.html
5. ‘Contact’ to zoocontactpage.html
4.Save the document
5.Create four copies of the document and rename the files as above
6.Edit the html of each page to change the title
7.Preview the homepage and test the links – the titles in the tabs should change
Adding Links to your Web Page

9. Congratulations!
You now have a working website. This doesn’t mean
to say that it’s the end of html programming. There
are many more tags and attributes for you to learn
about.
Many of which are outlined on the website:
http://www.w3schools.com/html/default.asp
Maybe you could be the next Mark Zuckerberg!
Adding Links to your Web Page

10. Plenary: Gallery Walk
•Complete a gallery walk to see each others
websites
•When back at your seat provide some verbal
feedback to your elbow partner regarding their
website
– What do you like?
– What could be improved?
– Rate the website out of 10
Adding Links to your Web Page

11. Submission of Work
This is the end of the unit. Your teacher will tell you
what files you need to submit for marking.
Adding Links to your Web Page

12. Keywords
 Understand the components works of a URL
 Be able to create hyperlinks on a web page
 Be able to create links to different web pages
Objectives
 URL
 http://
 HREF
 Hyperlink
 Domain
 Anchor
 WWW



Adding Links to your Web Page