SlideShare a Scribd company logo
1 of 8
Web Authoring

    Topic 7 –
HTML Tags for Links
Objectives
Students should able to:
1. Use Web Authoring tool to create
hyperlinks:
-   link to another HTML page;
-    link to a section of an HTML page
     (anchors);
-    link to an e-mail address;
Other “Links”
Creating Hyperlinks.

Links to other documents.

Links between sections of documents.

Links email.
Other “Links”
Creating Hyperlinks.
<a href="http://www.w3schools.com/">Visit W3Schools</a>

Links to other documents.
A link to <A HREF="http://www.somewhere.com"> Another
Web Page</A>.
Links between sections of documents.
A link to <A HREF="#thisspot"> a specific part of a web page</A>.
Links email.
A link to <A HREF="mailto:Steve.Anisman@vtmednet.org">
someone's e-mail account</A>.
Images as Hyperlink
Inline images can be used as hyperlinks
just like plain text.
Example:
<A HREF= “http://www.ite.edu.sg”><IMG SRC=
“ITE.gif” ALT= “ITE homepage”></A>
Anchors
To "jump" to a section of your page, use
the named anchor tag.
Here is the syntax:
 <A NAME="whatever">Description
Link</A>.
Anchors
For example, if your page contains a report
that has different sections, you can create a
named anchor for the 'Report Summary'
section by using the following:
 <A HREF="#summary">Report
Summary</A>.
We have created a named anchor tag for the
'Report Summary' section of the page, so now we
can create the link to that section of the page.
Email
The tags below will allow people to send
you an e-mail by clicking on the link
created when you type in the html tags
above.

E-mail me at: <a href="mailto:Put your email
address with extension here">Put your email
name with extension here also </a>

More Related Content

What's hot

How To Create a Hyperlink in Microsoft Office PowerPoint
How To Create a Hyperlink in Microsoft Office PowerPointHow To Create a Hyperlink in Microsoft Office PowerPoint
How To Create a Hyperlink in Microsoft Office PowerPointMarc Morgenstern
 
Introduction to linking
Introduction to linkingIntroduction to linking
Introduction to linkingShehzad Yaqoob
 
HYPERLINKING IN WORD AND HYPERLINKING IN PRESENTATION
HYPERLINKING IN WORD AND HYPERLINKING IN PRESENTATIONHYPERLINKING IN WORD AND HYPERLINKING IN PRESENTATION
HYPERLINKING IN WORD AND HYPERLINKING IN PRESENTATIONMariaAngelineNuas1
 
Lesson 4 citing a website or webpage in noodletools
Lesson 4 citing a website or webpage in noodletoolsLesson 4 citing a website or webpage in noodletools
Lesson 4 citing a website or webpage in noodletoolsKatieLamb
 
Hour 3
Hour 3Hour 3
Hour 3dpd
 
Isocentre Help Links
Isocentre Help   LinksIsocentre Help   Links
Isocentre Help Linksisocentre
 
How to create rss feed
How to create rss feedHow to create rss feed
How to create rss feedTanuja Talekar
 
How to create rss feed for your website
How to create  rss feed  for  your  websiteHow to create  rss feed  for  your  website
How to create rss feed for your websiteOM Maurya
 
Journals@OVID Nursing
Journals@OVID NursingJournals@OVID Nursing
Journals@OVID NursingLisa Hartman
 
Maurene Dane S. Martinez 3 1(With Question)
Maurene Dane S. Martinez 3 1(With Question)Maurene Dane S. Martinez 3 1(With Question)
Maurene Dane S. Martinez 3 1(With Question)maurene dane martinez
 

What's hot (20)

How To Create a Hyperlink in Microsoft Office PowerPoint
How To Create a Hyperlink in Microsoft Office PowerPointHow To Create a Hyperlink in Microsoft Office PowerPoint
How To Create a Hyperlink in Microsoft Office PowerPoint
 
Introduction to linking
Introduction to linkingIntroduction to linking
Introduction to linking
 
Mac os x
Mac os xMac os x
Mac os x
 
HYPERLINKING IN WORD AND HYPERLINKING IN PRESENTATION
HYPERLINKING IN WORD AND HYPERLINKING IN PRESENTATIONHYPERLINKING IN WORD AND HYPERLINKING IN PRESENTATION
HYPERLINKING IN WORD AND HYPERLINKING IN PRESENTATION
 
Lesson 4 citing a website or webpage in noodletools
Lesson 4 citing a website or webpage in noodletoolsLesson 4 citing a website or webpage in noodletools
Lesson 4 citing a website or webpage in noodletools
 
Hour 3
Hour 3Hour 3
Hour 3
 
Wiki Tutorial
Wiki TutorialWiki Tutorial
Wiki Tutorial
 
Hyperlink
HyperlinkHyperlink
Hyperlink
 
Form 1 Term 3 Week 2.1
Form 1   Term 3   Week 2.1Form 1   Term 3   Week 2.1
Form 1 Term 3 Week 2.1
 
M02 un06 p01
M02 un06 p01M02 un06 p01
M02 un06 p01
 
Web 2.0 Marketing (Part 1)
Web 2.0 Marketing (Part 1)Web 2.0 Marketing (Part 1)
Web 2.0 Marketing (Part 1)
 
Isocentre Help Links
Isocentre Help   LinksIsocentre Help   Links
Isocentre Help Links
 
How to create rss feed
How to create rss feedHow to create rss feed
How to create rss feed
 
How to create rss feed for your website
How to create  rss feed  for  your  websiteHow to create  rss feed  for  your  website
How to create rss feed for your website
 
Journals@OVID Nursing
Journals@OVID NursingJournals@OVID Nursing
Journals@OVID Nursing
 
Maurene Dane S. Martinez 3 1(With Question)
Maurene Dane S. Martinez 3 1(With Question)Maurene Dane S. Martinez 3 1(With Question)
Maurene Dane S. Martinez 3 1(With Question)
 
Support Webinar
Support WebinarSupport Webinar
Support Webinar
 
Stage6
Stage6Stage6
Stage6
 
Eqentia personalization tour
Eqentia personalization tourEqentia personalization tour
Eqentia personalization tour
 
Tutorial
TutorialTutorial
Tutorial
 

Viewers also liked

Web topic 3 html format tags
Web topic 3  html format tagsWeb topic 3  html format tags
Web topic 3 html format tagsCK Yang
 
PHP Basics Ebook
PHP Basics EbookPHP Basics Ebook
PHP Basics EbookSwanand Pol
 
Technical Seminar Topic on Google glass
Technical Seminar Topic on Google glassTechnical Seminar Topic on Google glass
Technical Seminar Topic on Google glassRohit Agrawal
 
Web topic 10 2 web design basics
Web topic 10 2  web design basicsWeb topic 10 2  web design basics
Web topic 10 2 web design basicsCK Yang
 
Web topic 5 text formatting
Web topic 5  text formattingWeb topic 5  text formatting
Web topic 5 text formattingCK Yang
 
Web topic 2 html
Web topic 2  htmlWeb topic 2  html
Web topic 2 htmlCK Yang
 
Web topic 4 style in html
Web topic 4  style in htmlWeb topic 4  style in html
Web topic 4 style in htmlCK Yang
 
Web topic 9 navigation and link
Web topic 9  navigation and linkWeb topic 9  navigation and link
Web topic 9 navigation and linkCK Yang
 
Web topic 8 listings in html
Web topic 8  listings in htmlWeb topic 8  listings in html
Web topic 8 listings in htmlCK Yang
 
Web topic 12 tables in html
Web topic 12  tables in htmlWeb topic 12  tables in html
Web topic 12 tables in htmlCK Yang
 
Web topic 15 1 basic css layout
Web topic 15 1  basic css layoutWeb topic 15 1  basic css layout
Web topic 15 1 basic css layoutCK Yang
 
Web topic 23 web accessibility
Web topic 23  web accessibilityWeb topic 23  web accessibility
Web topic 23 web accessibilityCK Yang
 
Web topic 32 validate web contents
Web topic 32  validate web contentsWeb topic 32  validate web contents
Web topic 32 validate web contentsCK Yang
 
Web topic 14 cascading style sheets
Web topic 14  cascading style sheetsWeb topic 14  cascading style sheets
Web topic 14 cascading style sheetsCK Yang
 
Web topic 29 w3 c page validation
Web topic 29  w3 c page validationWeb topic 29  w3 c page validation
Web topic 29 w3 c page validationCK Yang
 
Web topic 28. w3 c standards and guidelines
Web topic 28. w3 c standards and guidelinesWeb topic 28. w3 c standards and guidelines
Web topic 28. w3 c standards and guidelinesCK Yang
 
Web topic 24 usage of web browser
Web topic 24  usage of web browserWeb topic 24  usage of web browser
Web topic 24 usage of web browserCK Yang
 
Web topic 29 w3 c page validation
Web topic 29  w3 c page validationWeb topic 29  w3 c page validation
Web topic 29 w3 c page validationCK Yang
 
Web topic 30 ensure web contents meet
Web topic 30   ensure web contents meetWeb topic 30   ensure web contents meet
Web topic 30 ensure web contents meetCK Yang
 

Viewers also liked (20)

Web topic 3 html format tags
Web topic 3  html format tagsWeb topic 3  html format tags
Web topic 3 html format tags
 
PHP Basics Ebook
PHP Basics EbookPHP Basics Ebook
PHP Basics Ebook
 
Hushang Gaikwad
Hushang GaikwadHushang Gaikwad
Hushang Gaikwad
 
Technical Seminar Topic on Google glass
Technical Seminar Topic on Google glassTechnical Seminar Topic on Google glass
Technical Seminar Topic on Google glass
 
Web topic 10 2 web design basics
Web topic 10 2  web design basicsWeb topic 10 2  web design basics
Web topic 10 2 web design basics
 
Web topic 5 text formatting
Web topic 5  text formattingWeb topic 5  text formatting
Web topic 5 text formatting
 
Web topic 2 html
Web topic 2  htmlWeb topic 2  html
Web topic 2 html
 
Web topic 4 style in html
Web topic 4  style in htmlWeb topic 4  style in html
Web topic 4 style in html
 
Web topic 9 navigation and link
Web topic 9  navigation and linkWeb topic 9  navigation and link
Web topic 9 navigation and link
 
Web topic 8 listings in html
Web topic 8  listings in htmlWeb topic 8  listings in html
Web topic 8 listings in html
 
Web topic 12 tables in html
Web topic 12  tables in htmlWeb topic 12  tables in html
Web topic 12 tables in html
 
Web topic 15 1 basic css layout
Web topic 15 1  basic css layoutWeb topic 15 1  basic css layout
Web topic 15 1 basic css layout
 
Web topic 23 web accessibility
Web topic 23  web accessibilityWeb topic 23  web accessibility
Web topic 23 web accessibility
 
Web topic 32 validate web contents
Web topic 32  validate web contentsWeb topic 32  validate web contents
Web topic 32 validate web contents
 
Web topic 14 cascading style sheets
Web topic 14  cascading style sheetsWeb topic 14  cascading style sheets
Web topic 14 cascading style sheets
 
Web topic 29 w3 c page validation
Web topic 29  w3 c page validationWeb topic 29  w3 c page validation
Web topic 29 w3 c page validation
 
Web topic 28. w3 c standards and guidelines
Web topic 28. w3 c standards and guidelinesWeb topic 28. w3 c standards and guidelines
Web topic 28. w3 c standards and guidelines
 
Web topic 24 usage of web browser
Web topic 24  usage of web browserWeb topic 24  usage of web browser
Web topic 24 usage of web browser
 
Web topic 29 w3 c page validation
Web topic 29  w3 c page validationWeb topic 29  w3 c page validation
Web topic 29 w3 c page validation
 
Web topic 30 ensure web contents meet
Web topic 30   ensure web contents meetWeb topic 30   ensure web contents meet
Web topic 30 ensure web contents meet
 

Similar to Web topic 7 html tags for links

Similar to Web topic 7 html tags for links (20)

HTML5 - create hyperlinks and anchors
HTML5 - create hyperlinks and anchorsHTML5 - create hyperlinks and anchors
HTML5 - create hyperlinks and anchors
 
Part 1 -HTML- Basic_Spring 2023.pptx
Part 1 -HTML- Basic_Spring 2023.pptxPart 1 -HTML- Basic_Spring 2023.pptx
Part 1 -HTML- Basic_Spring 2023.pptx
 
Html links
Html linksHtml links
Html links
 
Web design - Working with Links and Images
Web design - Working with Links and ImagesWeb design - Working with Links and Images
Web design - Working with Links and Images
 
LINKING IN HTML
LINKING IN HTMLLINKING IN HTML
LINKING IN HTML
 
How to make a website
How to make a websiteHow to make a website
How to make a website
 
Building Next Generation Websites Session4
Building Next Generation Websites Session4Building Next Generation Websites Session4
Building Next Generation Websites Session4
 
Session4
Session4Session4
Session4
 
Html hyperlinks
Html hyperlinksHtml hyperlinks
Html hyperlinks
 
intro-to-html
intro-to-htmlintro-to-html
intro-to-html
 
Sending link
Sending linkSending link
Sending link
 
belajar HTML
belajar HTML belajar HTML
belajar HTML
 
Links - IntraPage
Links - IntraPageLinks - IntraPage
Links - IntraPage
 
Just Enough HTML for Fatwire
Just Enough HTML for FatwireJust Enough HTML for Fatwire
Just Enough HTML for Fatwire
 
HTML Lists & Llinks
HTML Lists & LlinksHTML Lists & Llinks
HTML Lists & Llinks
 
Html links
Html linksHtml links
Html links
 
htmllinks-191023021435.pptxaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
htmllinks-191023021435.pptxaaaaaaaaaaaaaaaaaaaaaaaaaaaaahtmllinks-191023021435.pptxaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
htmllinks-191023021435.pptxaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
 
Sacramento web design
Sacramento web designSacramento web design
Sacramento web design
 
02- Links, Structure and Layout with HTML.pdf
02- Links, Structure and Layout with HTML.pdf02- Links, Structure and Layout with HTML.pdf
02- Links, Structure and Layout with HTML.pdf
 
Internet with HTML
Internet with HTMLInternet with HTML
Internet with HTML
 

More from CK Yang

Web topic 27 class test
Web topic 27  class testWeb topic 27  class test
Web topic 27 class testCK Yang
 
Web topic 33 publish websites
Web topic 33  publish websitesWeb topic 33  publish websites
Web topic 33 publish websitesCK Yang
 
Web topic 31 setup remote site
Web topic 31  setup remote siteWeb topic 31  setup remote site
Web topic 31 setup remote siteCK Yang
 
Web topic 26 browser compatibilty and security
Web topic 26  browser compatibilty and securityWeb topic 26  browser compatibilty and security
Web topic 26 browser compatibilty and securityCK Yang
 
Web topic 25 mobile optimized website
Web topic 25  mobile optimized websiteWeb topic 25  mobile optimized website
Web topic 25 mobile optimized websiteCK Yang
 
Web topic 22 validation on web forms
Web topic 22  validation on web formsWeb topic 22  validation on web forms
Web topic 22 validation on web formsCK Yang
 
Web topic 21 pass info via javascript
Web topic 21  pass info via javascriptWeb topic 21  pass info via javascript
Web topic 21 pass info via javascriptCK Yang
 
Web topic 20 2 html forms
Web topic 20 2  html formsWeb topic 20 2  html forms
Web topic 20 2 html formsCK Yang
 
Web topic 20 1 html forms
Web topic 20 1  html formsWeb topic 20 1  html forms
Web topic 20 1 html formsCK Yang
 
Web topic 18 conflict resolution in css
Web topic 18  conflict resolution in cssWeb topic 18  conflict resolution in css
Web topic 18 conflict resolution in cssCK Yang
 
Web topic 17 font family in css
Web topic 17  font family in cssWeb topic 17  font family in css
Web topic 17 font family in cssCK Yang
 
Web topic 16 css workflow
Web topic 16  css workflowWeb topic 16  css workflow
Web topic 16 css workflowCK Yang
 
Web topic 15 2 basic css layout
Web topic 15 2  basic css layoutWeb topic 15 2  basic css layout
Web topic 15 2 basic css layoutCK Yang
 
Web topic 13 html validation tools
Web topic 13  html validation toolsWeb topic 13  html validation tools
Web topic 13 html validation toolsCK Yang
 
Web topic 11 importance of html validation
Web topic 11  importance of html validationWeb topic 11  importance of html validation
Web topic 11 importance of html validationCK Yang
 

More from CK Yang (15)

Web topic 27 class test
Web topic 27  class testWeb topic 27  class test
Web topic 27 class test
 
Web topic 33 publish websites
Web topic 33  publish websitesWeb topic 33  publish websites
Web topic 33 publish websites
 
Web topic 31 setup remote site
Web topic 31  setup remote siteWeb topic 31  setup remote site
Web topic 31 setup remote site
 
Web topic 26 browser compatibilty and security
Web topic 26  browser compatibilty and securityWeb topic 26  browser compatibilty and security
Web topic 26 browser compatibilty and security
 
Web topic 25 mobile optimized website
Web topic 25  mobile optimized websiteWeb topic 25  mobile optimized website
Web topic 25 mobile optimized website
 
Web topic 22 validation on web forms
Web topic 22  validation on web formsWeb topic 22  validation on web forms
Web topic 22 validation on web forms
 
Web topic 21 pass info via javascript
Web topic 21  pass info via javascriptWeb topic 21  pass info via javascript
Web topic 21 pass info via javascript
 
Web topic 20 2 html forms
Web topic 20 2  html formsWeb topic 20 2  html forms
Web topic 20 2 html forms
 
Web topic 20 1 html forms
Web topic 20 1  html formsWeb topic 20 1  html forms
Web topic 20 1 html forms
 
Web topic 18 conflict resolution in css
Web topic 18  conflict resolution in cssWeb topic 18  conflict resolution in css
Web topic 18 conflict resolution in css
 
Web topic 17 font family in css
Web topic 17  font family in cssWeb topic 17  font family in css
Web topic 17 font family in css
 
Web topic 16 css workflow
Web topic 16  css workflowWeb topic 16  css workflow
Web topic 16 css workflow
 
Web topic 15 2 basic css layout
Web topic 15 2  basic css layoutWeb topic 15 2  basic css layout
Web topic 15 2 basic css layout
 
Web topic 13 html validation tools
Web topic 13  html validation toolsWeb topic 13  html validation tools
Web topic 13 html validation tools
 
Web topic 11 importance of html validation
Web topic 11  importance of html validationWeb topic 11  importance of html validation
Web topic 11 importance of html validation
 

Web topic 7 html tags for links

  • 1. Web Authoring Topic 7 – HTML Tags for Links
  • 2. Objectives Students should able to: 1. Use Web Authoring tool to create hyperlinks: - link to another HTML page; - link to a section of an HTML page (anchors); - link to an e-mail address;
  • 3. Other “Links” Creating Hyperlinks. Links to other documents. Links between sections of documents. Links email.
  • 4. Other “Links” Creating Hyperlinks. <a href="http://www.w3schools.com/">Visit W3Schools</a> Links to other documents. A link to <A HREF="http://www.somewhere.com"> Another Web Page</A>. Links between sections of documents. A link to <A HREF="#thisspot"> a specific part of a web page</A>. Links email. A link to <A HREF="mailto:Steve.Anisman@vtmednet.org"> someone's e-mail account</A>.
  • 5. Images as Hyperlink Inline images can be used as hyperlinks just like plain text. Example: <A HREF= “http://www.ite.edu.sg”><IMG SRC= “ITE.gif” ALT= “ITE homepage”></A>
  • 6. Anchors To "jump" to a section of your page, use the named anchor tag. Here is the syntax: <A NAME="whatever">Description Link</A>.
  • 7. Anchors For example, if your page contains a report that has different sections, you can create a named anchor for the 'Report Summary' section by using the following: <A HREF="#summary">Report Summary</A>. We have created a named anchor tag for the 'Report Summary' section of the page, so now we can create the link to that section of the page.
  • 8. Email The tags below will allow people to send you an e-mail by clicking on the link created when you type in the html tags above. E-mail me at: <a href="mailto:Put your email address with extension here">Put your email name with extension here also </a>