SlideShare a Scribd company logo
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

More Related Content

What's hot

M02 un07 p01
M02 un07 p01M02 un07 p01
M02 un07 p01
Intan Jameel
 
Alg 6.2 Notes
Alg 6.2 NotesAlg 6.2 Notes
Alg 6.2 Notes
Jonathan Fjelstrom
 
ComPart Shared Calendars
ComPart Shared CalendarsComPart Shared Calendars
ComPart Shared Calendars
compartadmin
 
Hour 3
Hour 3Hour 3
Hour 3
dpd
 
10 Common SEO mistakes
10 Common SEO mistakes10 Common SEO mistakes
10 Common SEO mistakes
Ivan Correces
 
Ordered lists
Ordered listsOrdered lists
Ordered lists
Toni Norman
 
TLC_iGoogle_and_Docs
TLC_iGoogle_and_DocsTLC_iGoogle_and_Docs
TLC_iGoogle_and_Docs
Maura 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 Equations
Jonathan 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 Photo
Lutie
 
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
Jonathan Fjelstrom
 

What's hot (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
 

Viewers also liked

Social media links
Social media linksSocial media links
Social media links
Nicole Reid
 
How to stand out online
How to stand out onlineHow to stand out online
How to stand out online
Mars Dorian
 
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
The Presentation Designer
 
Your Speech is Toxic
Your Speech is ToxicYour Speech is Toxic
Your Speech is Toxic
Chiara Ojeda
 
Great Speakers Tell Stories
Great Speakers Tell StoriesGreat Speakers Tell Stories
Great Speakers Tell Stories
Slides That Rock
 
Slides That Rock
Slides That RockSlides That Rock
Slides 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 ...
Empowered Presentations
 

Viewers also liked (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 to Adding links to your web page

Formatting your web page
Formatting your web pageFormatting your web page
Formatting your web page
cachs_computing
 
Artdm171 Week4 Tags
Artdm171 Week4 TagsArtdm171 Week4 Tags
Artdm171 Week4 Tags
Gilbert Guerrero
 
Just Enough HTML for Fatwire
Just Enough HTML for FatwireJust Enough HTML for Fatwire
Just Enough HTML for Fatwire
Kenneth 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 ghandour
Osama Ghandour Geris
 
FYCOM Unit 1.pptx
FYCOM Unit 1.pptxFYCOM Unit 1.pptx
FYCOM Unit 1.pptx
HemantBansal35
 
Pm shandilya-s-wcodew-web-methodology
Pm shandilya-s-wcodew-web-methodologyPm shandilya-s-wcodew-web-methodology
Pm shandilya-s-wcodew-web-methodology
prashant mishra
 
Html
HtmlHtml
Making your web page more interesting
Making your web page more interestingMaking your web page more interesting
Making your web page more interesting
cachs_computing
 
L06IntroToWebHTML (1).ppt
L06IntroToWebHTML (1).pptL06IntroToWebHTML (1).ppt
L06IntroToWebHTML (1).ppt
ssuser9125861
 
CHAPTER 1
CHAPTER 1CHAPTER 1
CHAPTER 1
Pon Tovave
 
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
 
Chapter8
Chapter8Chapter8
Chapter8
DeAnna Gossett
 
HTML Lists & Llinks
HTML Lists & LlinksHTML Lists & Llinks
HTML Lists & Llinks
Nisa Soomro
 
Html
HtmlHtml
Html
yugank_gupta
 
Adding tables to your web page
Adding tables to your web pageAdding tables to your web page
Adding tables to your web page
cachs_computing
 
Html introduction
Html introductionHtml introduction
Html introduction
Dalia Elbadry
 
Lecture 1 - Comm Lab: Web @ ITP
Lecture 1 - Comm Lab: Web @ ITPLecture 1 - Comm Lab: Web @ ITP
Lecture 1 - Comm Lab: Web @ ITP
yucefmerhi
 
HTML Foundations, pt 2
HTML Foundations, pt 2HTML Foundations, pt 2
HTML Foundations, pt 2
Shawn Calvert
 
Week 2-intro-html
Week 2-intro-htmlWeek 2-intro-html
Week 2-intro-html
Shawn Calvert
 
Html 5
Html 5Html 5
Html 5
DanellaPatrick
 

Similar to 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
 

More from cachs_computing

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

More from 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
 

Recently uploaded

Taking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdfTaking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdf
ssuserfac0301
 
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process MiningTrusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
LucaBarbaro3
 
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
Zilliz
 
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfHow to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
Chart Kalyan
 
Operating System Used by Users in day-to-day life.pptx
Operating System Used by Users in day-to-day life.pptxOperating System Used by Users in day-to-day life.pptx
Operating System Used by Users in day-to-day life.pptx
Pravash Chandra Das
 
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
akankshawande
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
innovationoecd
 
Artificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopmentArtificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopment
Octavian Nadolu
 
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracyGraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
Tomaz Bratanic
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Safe Software
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
MichaelKnudsen27
 
A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024
Intelisync
 
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying AheadDigital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Wask
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
Hiroshi SHIBATA
 
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - HiikeSystem Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
Hiike
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
shyamraj55
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
Jason Packer
 
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdfMonitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Tosin Akinosho
 
GenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizationsGenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizations
kumardaparthi1024
 
Serial Arm Control in Real Time Presentation
Serial Arm Control in Real Time PresentationSerial Arm Control in Real Time Presentation
Serial Arm Control in Real Time Presentation
tolgahangng
 

Recently uploaded (20)

Taking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdfTaking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdf
 
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process MiningTrusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
 
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
 
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfHow to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
 
Operating System Used by Users in day-to-day life.pptx
Operating System Used by Users in day-to-day life.pptxOperating System Used by Users in day-to-day life.pptx
Operating System Used by Users in day-to-day life.pptx
 
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
 
Artificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopmentArtificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopment
 
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracyGraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
 
A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024
 
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying AheadDigital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying Ahead
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
 
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - HiikeSystem Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
 
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdfMonitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
 
GenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizationsGenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizations
 
Serial Arm Control in Real Time Presentation
Serial Arm Control in Real Time PresentationSerial Arm Control in Real Time Presentation
Serial Arm Control in Real Time Presentation
 

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