SlideShare a Scribd company logo
Task 3 – Inserting a Hyperlink
We’re now going to add a Hyperlink to our page that
links to another website
A hyperlink is simply a link to another electronic file. Making a hyperlink to a website is
making a link to a specific HTML file.
<a> is the HTML tag for a hyperlink. It’s worth noting that the default appearance for
hyperlinks in browsers is as follows:
• An unvisited link is underlined and blue
• A visited link is underlined and purple
• An active link is underlined and red
Add the code below to your website
HTML tag for a
hyperlink to a
website
The URL of the page
the link goes to
The wording that
will appear as the
link
The end of
the hyperlink
<a href="http://marvel.com/universe/Spider-Man_(Peter_Parker)/”>Who is he? </a>
Challenge 3 –
Add a Hyperlink to an Image
Now that you have learnt how to make the words into a
hyperlink, your task is to make the image you added earlier
into a hyperlink.
Code your website so that the
user is able to click on your
image and it will take them to a
website that relates to your hero

More Related Content

PPT
Html for beginners part II
PPTX
Search Engine Optimization Class-9
PPTX
External Backlink Analysis
PPTX
Search Engine Optimization Class-12
PPTX
Designyourownblog.com External Links Audit
PPTX
SEO Implementation Audit
PPTX
Search Engine Optimization Class-11
PPTX
Search Engine Optimization Class-3
Html for beginners part II
Search Engine Optimization Class-9
External Backlink Analysis
Search Engine Optimization Class-12
Designyourownblog.com External Links Audit
SEO Implementation Audit
Search Engine Optimization Class-11
Search Engine Optimization Class-3

What's hot (20)

PPTX
Designyourownblog.com On-Site SEO Auidt
PDF
How to Increase Web Traffic (SEO)
PDF
Bootcampday4
DOCX
Importance Facebook OG Meta Tags and Twitter OG Meta Tags
PPTX
Search Engine Optimization Class-7
PPTX
SEO ON Page Optimization
PDF
183433 xunleashed
PDF
7 steps
PPTX
Project 03 Creating Web Pages with Links, Images, and Formatted Text
PDF
Do Follow Backlinks Packet Free of Cost Download Here
PPTX
Search Engine Optimization Class-6
PDF
MailEngine Review pdf
PPT
Gidon Session 7
PPTX
Quality Link Building
PPT
10 Basic SEO Techniques Website Designers & Developers Should Know
PPT
SEO Tips for Website Developers & Designers
PPTX
How to Use Canonical Tags for SEO | Aleks Shklyar
PPTX
Powerful Link Building - 4X Backlink Bomb
PPT
SEO Design & Organic Site Structure - Michael Martin - PubCon Vegas
PPTX
Easy & basic seo for word press
Designyourownblog.com On-Site SEO Auidt
How to Increase Web Traffic (SEO)
Bootcampday4
Importance Facebook OG Meta Tags and Twitter OG Meta Tags
Search Engine Optimization Class-7
SEO ON Page Optimization
183433 xunleashed
7 steps
Project 03 Creating Web Pages with Links, Images, and Formatted Text
Do Follow Backlinks Packet Free of Cost Download Here
Search Engine Optimization Class-6
MailEngine Review pdf
Gidon Session 7
Quality Link Building
10 Basic SEO Techniques Website Designers & Developers Should Know
SEO Tips for Website Developers & Designers
How to Use Canonical Tags for SEO | Aleks Shklyar
Powerful Link Building - 4X Backlink Bomb
SEO Design & Organic Site Structure - Michael Martin - PubCon Vegas
Easy & basic seo for word press
Ad

Viewers also liked (11)

PDF
Logo Ministerio de Restauracion La Paz de Dios
DOC
Daging salai masak lemak cili padi
DOC
Biodata Resume of PSCM
DOC
Doa nabi
PPTX
WATCH Formula 1 AUSTRALIAN Grand Prix 2015
DOC
INFORMACIÓN ÚTIL SOBRE PROCESO ADMISIÓN ALUMNOS/AS PARA CURSO 2015/16
PPTX
Watch formula 1 australian grand prix 2015 live
DOCX
RESUME - kevs
DOCX
New Resume
PDF
calif 2 f
PDF
H2O februari 2015 pag 20
Logo Ministerio de Restauracion La Paz de Dios
Daging salai masak lemak cili padi
Biodata Resume of PSCM
Doa nabi
WATCH Formula 1 AUSTRALIAN Grand Prix 2015
INFORMACIÓN ÚTIL SOBRE PROCESO ADMISIÓN ALUMNOS/AS PARA CURSO 2015/16
Watch formula 1 australian grand prix 2015 live
RESUME - kevs
New Resume
calif 2 f
H2O februari 2015 pag 20
Ad

Similar to Web htmlt3 (20)

PPTX
Tags10x10
PPTX
Tags10x10
PPTX
646219547-Lecture-9-HTML-Text-Links.pptx
PPT
Lesson 3: Linking It All Together
PPTX
HTML Bootcamp
PPTX
How to make a website
PPTX
Building Next Generation Websites Session4
PPTX
Web htmlt2
PPTX
Web-02-HTML.pptx
PDF
What is HTML Hyperlinks and HTML Images?
PPTX
HTML.pptx
PPTX
LINKING IN HTML
PDF
HTML a Element: Link to External Page
PPTX
Simple Presentation in Pink Lilac Pastel Blobs Basic Style.pptx.pptx
PPTX
Html links
PPTX
S3 HTML Hyperlinks and Images
KEY
Html intro
PPTX
Html1
PPT
Hyperlinks in HTML
Tags10x10
Tags10x10
646219547-Lecture-9-HTML-Text-Links.pptx
Lesson 3: Linking It All Together
HTML Bootcamp
How to make a website
Building Next Generation Websites Session4
Web htmlt2
Web-02-HTML.pptx
What is HTML Hyperlinks and HTML Images?
HTML.pptx
LINKING IN HTML
HTML a Element: Link to External Page
Simple Presentation in Pink Lilac Pastel Blobs Basic Style.pptx.pptx
Html links
S3 HTML Hyperlinks and Images
Html intro
Html1
Hyperlinks in HTML

Web htmlt3

  • 1. Task 3 – Inserting a Hyperlink We’re now going to add a Hyperlink to our page that links to another website A hyperlink is simply a link to another electronic file. Making a hyperlink to a website is making a link to a specific HTML file. <a> is the HTML tag for a hyperlink. It’s worth noting that the default appearance for hyperlinks in browsers is as follows: • An unvisited link is underlined and blue • A visited link is underlined and purple • An active link is underlined and red Add the code below to your website HTML tag for a hyperlink to a website The URL of the page the link goes to The wording that will appear as the link The end of the hyperlink <a href="http://marvel.com/universe/Spider-Man_(Peter_Parker)/”>Who is he? </a>
  • 2. Challenge 3 – Add a Hyperlink to an Image Now that you have learnt how to make the words into a hyperlink, your task is to make the image you added earlier into a hyperlink. Code your website so that the user is able to click on your image and it will take them to a website that relates to your hero