SlideShare una empresa de Scribd logo
1 de 12
Adding Links to your Web Page
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>
Starter Answer: What will the table look like?
Adding Links to your Web Page
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
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
Uniform Resource Locator
Adding Links to your Web Page
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
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
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
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
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
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

Más contenido relacionado

La actualidad más candente

ComPart Shared Calendars
ComPart Shared CalendarsComPart Shared Calendars
ComPart Shared Calendarscompartadmin
 
Hour 3
Hour 3Hour 3
Hour 3dpd
 
10 Common SEO mistakes
10 Common SEO mistakes10 Common SEO mistakes
10 Common SEO mistakesIvan Correces
 
TLC_iGoogle_and_Docs
TLC_iGoogle_and_DocsTLC_iGoogle_and_Docs
TLC_iGoogle_and_DocsMaura Clancy
 
Alg 2.1 2 Notes 1 Step Equations
Alg 2.1 2 Notes 1 Step EquationsAlg 2.1 2 Notes 1 Step Equations
Alg 2.1 2 Notes 1 Step EquationsJonathan Fjelstrom
 
Adding A Link To A Flick’R Photo
Adding A Link To A Flick’R PhotoAdding A Link To A Flick’R Photo
Adding A Link To A Flick’R PhotoLutie
 
Alg 2.5 Notes Solve Absolute Value
Alg 2.5 Notes Solve Absolute ValueAlg 2.5 Notes Solve Absolute Value
Alg 2.5 Notes Solve Absolute ValueJonathan Fjelstrom
 

La actualidad más candente (10)

M02 un07 p01
M02 un07 p01M02 un07 p01
M02 un07 p01
 
Alg 6.2 Notes
Alg 6.2 NotesAlg 6.2 Notes
Alg 6.2 Notes
 
ComPart Shared Calendars
ComPart Shared CalendarsComPart Shared Calendars
ComPart Shared Calendars
 
Hour 3
Hour 3Hour 3
Hour 3
 
10 Common SEO mistakes
10 Common SEO mistakes10 Common SEO mistakes
10 Common SEO mistakes
 
Ordered lists
Ordered listsOrdered lists
Ordered lists
 
TLC_iGoogle_and_Docs
TLC_iGoogle_and_DocsTLC_iGoogle_and_Docs
TLC_iGoogle_and_Docs
 
Alg 2.1 2 Notes 1 Step Equations
Alg 2.1 2 Notes 1 Step EquationsAlg 2.1 2 Notes 1 Step Equations
Alg 2.1 2 Notes 1 Step Equations
 
Adding A Link To A Flick’R Photo
Adding A Link To A Flick’R PhotoAdding A Link To A Flick’R Photo
Adding A Link To A Flick’R Photo
 
Alg 2.5 Notes Solve Absolute Value
Alg 2.5 Notes Solve Absolute ValueAlg 2.5 Notes Solve Absolute Value
Alg 2.5 Notes Solve Absolute Value
 

Destacado

Social media links
Social media linksSocial media links
Social media linksNicole Reid
 
How to stand out online
How to stand out onlineHow to stand out online
How to stand out onlineMars Dorian
 
Your Speech is Toxic
Your Speech is ToxicYour Speech is Toxic
Your Speech is ToxicChiara Ojeda
 
Great Speakers Tell Stories
Great Speakers Tell StoriesGreat Speakers Tell Stories
Great Speakers Tell StoriesSlides That Rock
 
SMOKE - The Convenient Truth [1st place Worlds Best Presentation Contest] by ...
SMOKE - The Convenient Truth [1st place Worlds Best Presentation Contest] by ...SMOKE - The Convenient Truth [1st place Worlds Best Presentation Contest] by ...
SMOKE - The Convenient Truth [1st place Worlds Best Presentation Contest] by ...Empowered Presentations
 

Destacado (7)

Social media links
Social media linksSocial media links
Social media links
 
How to stand out online
How to stand out onlineHow to stand out online
How to stand out online
 
2012 and We're STILL Using PowerPoint Wrong
2012 and We're STILL Using PowerPoint Wrong2012 and We're STILL Using PowerPoint Wrong
2012 and We're STILL Using PowerPoint Wrong
 
Your Speech is Toxic
Your Speech is ToxicYour Speech is Toxic
Your Speech is Toxic
 
Great Speakers Tell Stories
Great Speakers Tell StoriesGreat Speakers Tell Stories
Great Speakers Tell Stories
 
Slides That Rock
Slides That RockSlides That Rock
Slides That Rock
 
SMOKE - The Convenient Truth [1st place Worlds Best Presentation Contest] by ...
SMOKE - The Convenient Truth [1st place Worlds Best Presentation Contest] by ...SMOKE - The Convenient Truth [1st place Worlds Best Presentation Contest] by ...
SMOKE - The Convenient Truth [1st place Worlds Best Presentation Contest] by ...
 

Similar a Adding links to your web page

Formatting your web page
Formatting your web pageFormatting your web page
Formatting your web pagecachs_computing
 
Just Enough HTML for Fatwire
Just Enough HTML for FatwireJust Enough HTML for Fatwire
Just Enough HTML for FatwireKenneth Quandt
 
Create google-sites by engineer and educator osama ghandour
Create google-sites by engineer and educator osama ghandourCreate google-sites by engineer and educator osama ghandour
Create google-sites by engineer and educator osama ghandourOsama Ghandour Geris
 
Pm shandilya-s-wcodew-web-methodology
Pm shandilya-s-wcodew-web-methodologyPm shandilya-s-wcodew-web-methodology
Pm shandilya-s-wcodew-web-methodologyprashant mishra
 
Making your web page more interesting
Making your web page more interestingMaking your web page more interesting
Making your web page more interestingcachs_computing
 
L06IntroToWebHTML (1).ppt
L06IntroToWebHTML (1).pptL06IntroToWebHTML (1).ppt
L06IntroToWebHTML (1).pptssuser9125861
 
Practical Examples: How Blogger, Del.icio.us and other Web 2.0 Tools Have Enh...
Practical Examples: How Blogger, Del.icio.us and other Web 2.0 Tools Have Enh...Practical Examples: How Blogger, Del.icio.us and other Web 2.0 Tools Have Enh...
Practical Examples: How Blogger, Del.icio.us and other Web 2.0 Tools Have Enh...kramsey
 
HTML Lists & Llinks
HTML Lists & LlinksHTML Lists & Llinks
HTML Lists & LlinksNisa Soomro
 
Adding tables to your web page
Adding tables to your web pageAdding tables to your web page
Adding tables to your web pagecachs_computing
 
Lecture 1 - Comm Lab: Web @ ITP
Lecture 1 - Comm Lab: Web @ ITPLecture 1 - Comm Lab: Web @ ITP
Lecture 1 - Comm Lab: Web @ ITPyucefmerhi
 
HTML Foundations, pt 2
HTML Foundations, pt 2HTML Foundations, pt 2
HTML Foundations, pt 2Shawn Calvert
 

Similar a Adding links to your web page (20)

Formatting your web page
Formatting your web pageFormatting your web page
Formatting your web page
 
Artdm171 Week4 Tags
Artdm171 Week4 TagsArtdm171 Week4 Tags
Artdm171 Week4 Tags
 
Just Enough HTML for Fatwire
Just Enough HTML for FatwireJust Enough HTML for Fatwire
Just Enough HTML for Fatwire
 
Create google-sites by engineer and educator osama ghandour
Create google-sites by engineer and educator osama ghandourCreate google-sites by engineer and educator osama ghandour
Create google-sites by engineer and educator osama ghandour
 
FYCOM Unit 1.pptx
FYCOM Unit 1.pptxFYCOM Unit 1.pptx
FYCOM Unit 1.pptx
 
Pm shandilya-s-wcodew-web-methodology
Pm shandilya-s-wcodew-web-methodologyPm shandilya-s-wcodew-web-methodology
Pm shandilya-s-wcodew-web-methodology
 
Html
HtmlHtml
Html
 
Making your web page more interesting
Making your web page more interestingMaking your web page more interesting
Making your web page more interesting
 
L06IntroToWebHTML (1).ppt
L06IntroToWebHTML (1).pptL06IntroToWebHTML (1).ppt
L06IntroToWebHTML (1).ppt
 
CHAPTER 1
CHAPTER 1CHAPTER 1
CHAPTER 1
 
Practical Examples: How Blogger, Del.icio.us and other Web 2.0 Tools Have Enh...
Practical Examples: How Blogger, Del.icio.us and other Web 2.0 Tools Have Enh...Practical Examples: How Blogger, Del.icio.us and other Web 2.0 Tools Have Enh...
Practical Examples: How Blogger, Del.icio.us and other Web 2.0 Tools Have Enh...
 
Chapter8
Chapter8Chapter8
Chapter8
 
HTML Lists & Llinks
HTML Lists & LlinksHTML Lists & Llinks
HTML Lists & Llinks
 
Html
HtmlHtml
Html
 
Adding tables to your web page
Adding tables to your web pageAdding tables to your web page
Adding tables to your web page
 
Html introduction
Html introductionHtml introduction
Html introduction
 
Lecture 1 - Comm Lab: Web @ ITP
Lecture 1 - Comm Lab: Web @ ITPLecture 1 - Comm Lab: Web @ ITP
Lecture 1 - Comm Lab: Web @ ITP
 
HTML Foundations, pt 2
HTML Foundations, pt 2HTML Foundations, pt 2
HTML Foundations, pt 2
 
Week 2-intro-html
Week 2-intro-htmlWeek 2-intro-html
Week 2-intro-html
 
Html 5
Html 5Html 5
Html 5
 

Más de cachs_computing (20)

It and computing assessment
It and computing assessmentIt and computing assessment
It and computing assessment
 
Forest archery game
Forest archery gameForest archery game
Forest archery game
 
Scratching the surface
Scratching the surfaceScratching the surface
Scratching the surface
 
Creating your first web page
Creating your first web pageCreating your first web page
Creating your first web page
 
Introduction
IntroductionIntroduction
Introduction
 
Desktop publishing
Desktop publishingDesktop publishing
Desktop publishing
 
Spreadsheets
SpreadsheetsSpreadsheets
Spreadsheets
 
Internet
InternetInternet
Internet
 
Getting technical introduction
Getting technical introductionGetting technical introduction
Getting technical introduction
 
It and computing assessment
It and computing assessmentIt and computing assessment
It and computing assessment
 
Introduction
IntroductionIntroduction
Introduction
 
Word processing 2
Word processing 2Word processing 2
Word processing 2
 
Word processing 1
Word processing 1Word processing 1
Word processing 1
 
Desktop publishing
Desktop publishingDesktop publishing
Desktop publishing
 
Spreadsheets
SpreadsheetsSpreadsheets
Spreadsheets
 
Introduction functional skills
Introduction functional skillsIntroduction functional skills
Introduction functional skills
 
Internet
InternetInternet
Internet
 
Search engines
Search enginesSearch engines
Search engines
 
Fetch execute cycle
Fetch execute cycleFetch execute cycle
Fetch execute cycle
 
Algorithms
AlgorithmsAlgorithms
Algorithms
 

Último

OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
IEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
IEEE Computer Society’s Strategic Activities and Products including SWEBOK GuideIEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
IEEE Computer Society’s Strategic Activities and Products including SWEBOK GuideHironori Washizaki
 
Valere | Digital Solutions & AI Transformation Portfolio | 2024
Valere | Digital Solutions & AI Transformation Portfolio | 2024Valere | Digital Solutions & AI Transformation Portfolio | 2024
Valere | Digital Solutions & AI Transformation Portfolio | 2024Alexander Turgeon
 
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdfPaige Cruz
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
Governance in SharePoint Premium:What's in the box?
Governance in SharePoint Premium:What's in the box?Governance in SharePoint Premium:What's in the box?
Governance in SharePoint Premium:What's in the box?Juan Carlos Gonzalez
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
The Kubernetes Gateway API and its role in Cloud Native API Management
The Kubernetes Gateway API and its role in Cloud Native API ManagementThe Kubernetes Gateway API and its role in Cloud Native API Management
The Kubernetes Gateway API and its role in Cloud Native API ManagementNuwan Dias
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 

Último (20)

OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
IEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
IEEE Computer Society’s Strategic Activities and Products including SWEBOK GuideIEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
IEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
 
Valere | Digital Solutions & AI Transformation Portfolio | 2024
Valere | Digital Solutions & AI Transformation Portfolio | 2024Valere | Digital Solutions & AI Transformation Portfolio | 2024
Valere | Digital Solutions & AI Transformation Portfolio | 2024
 
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
Governance in SharePoint Premium:What's in the box?
Governance in SharePoint Premium:What's in the box?Governance in SharePoint Premium:What's in the box?
Governance in SharePoint Premium:What's in the box?
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
The Kubernetes Gateway API and its role in Cloud Native API Management
The Kubernetes Gateway API and its role in Cloud Native API ManagementThe Kubernetes Gateway API and its role in Cloud Native API Management
The Kubernetes Gateway API and its role in Cloud Native API Management
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 

Adding links to your web page

  • 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