SlideShare a Scribd company logo
HTML Links
BY: TR. MJ FERNANDEZ
JOY IN LEARNING SCHOOL
Links
HTML links are hyperlinks.
You can click on a link and jump to another document.
When you move the mouse over a link, the mouse arrow
will turn into a little hand.
Links
Hyperlinks are defined with the HTML <a> tag:
Links
The href attribute specifies the destination address
(https://www.w3schools.com/html/) of the link.
The link text is the visible part (Visit our HTML tutorial).
Clicking on the link text will send you to the specified
address.
Local Links
The example above used an absolute URL (a full web
address).
A local link (link to the same web site) is specified with a
relative URL (without https://www....).
Local Links
HTML Link Colors
By default, a link will appear like this (in all browsers):
An unvisited link is underlined and blue
A visited link is underlined and purple
An active link is underlined and red
You can change the default colors, by using CSS:
HTML Links - The target
Attribute
The target attribute specifies where to open the linked
document.
The target attribute can have one of the following values:
_blank - Opens the linked document in a new window or tab
_self - Opens the linked document in the same window/tab as it was clicked
(this is default)
_parent - Opens the linked document in the parent frame
_top - Opens the linked document in the full body of the window
framename - Opens the linked document in a named frame
HTML
Links -
Image as
Link
HTML Links - Create a
Bookmark
HTML bookmarks are used to allow readers to jump to specific parts of a
Web page.
Bookmarks can be useful if your webpage is very long.
To make a bookmark, you must first create the bookmark, and then add
a link to it.
When the link is clicked, the page will scroll to the location with the
bookmark.
Link Titles
The title attribute specifies extra information about an
element. The information is most often shown as a
tooltip text when the mouse moves over the element.
Chapter Summary
Use the <a> element to define a link.
Use the href attribute to define the link address.
Use the target attribute to define where to open the linked document.
Use the <img> element (inside <a>) to use an image as a link.
Use the id attribute (id="value") to define bookmarks in a page.
Use the href attribute (href="#value") to link to the bookmark.
REREFENCE:
HTML LINKS
HTTPS://WWW.W3SCHOOLS.COM/HTML/HTML_LINKS.ASP

More Related Content

What's hot

HTML
HTMLHTML
Html / CSS Presentation
Html / CSS PresentationHtml / CSS Presentation
Html / CSS Presentation
Shawn Calvert
 
Html introduction
Html introductionHtml introduction
Html introduction
Dalia Elbadry
 
Html frames
Html framesHtml frames
Html frames
eShikshak
 
Cascading Style Sheet (CSS)
Cascading Style Sheet (CSS)Cascading Style Sheet (CSS)
Cascading Style Sheet (CSS)
AakankshaR
 
Basic Html Knowledge for students
Basic Html Knowledge for studentsBasic Html Knowledge for students
Basic Html Knowledge for students
vethics
 
Static and Dynamic webpage
Static and Dynamic webpageStatic and Dynamic webpage
Static and Dynamic webpage
Aishwarya Pallai
 
Introduction to Cascading Style Sheets (CSS)
Introduction to Cascading Style Sheets (CSS)Introduction to Cascading Style Sheets (CSS)
Introduction to Cascading Style Sheets (CSS)
Chris Poteet
 
Basic html
Basic htmlBasic html
Learn html Basics
Learn html BasicsLearn html Basics
Learn html Basics
McSoftsis
 
Images and Tables in HTML
Images and Tables in HTMLImages and Tables in HTML
Images and Tables in HTML
Aarti P
 
Html ppt
Html pptHtml ppt
Html ppt
Ruchi Kumari
 
Html images
Html imagesHtml images
Html images
Denni Domingo
 
HTML Tags
HTML TagsHTML Tags
HTML Tags
Pranay Agrawal
 
Introduction to css & its attributes with syntax
Introduction to css & its attributes with syntaxIntroduction to css & its attributes with syntax
Introduction to css & its attributes with syntax
priyadharshini murugan
 
Anchor tag HTML Presentation
Anchor tag HTML PresentationAnchor tag HTML Presentation
Anchor tag HTML Presentation
Nimish Gupta
 
How to learn HTML in 10 Days
How to learn HTML in 10 DaysHow to learn HTML in 10 Days
How to learn HTML in 10 Days
Manoj kumar Deswal
 
Basic html structure
Basic html structureBasic html structure
Basic html structure
Jhaun Paul Enriquez
 
Lecture 2 introduction to html
Lecture 2  introduction to htmlLecture 2  introduction to html
Lecture 2 introduction to html
palhaftab
 

What's hot (20)

HTML
HTMLHTML
HTML
 
Html / CSS Presentation
Html / CSS PresentationHtml / CSS Presentation
Html / CSS Presentation
 
Html introduction
Html introductionHtml introduction
Html introduction
 
Html frames
Html framesHtml frames
Html frames
 
Cascading Style Sheet (CSS)
Cascading Style Sheet (CSS)Cascading Style Sheet (CSS)
Cascading Style Sheet (CSS)
 
Basic Html Knowledge for students
Basic Html Knowledge for studentsBasic Html Knowledge for students
Basic Html Knowledge for students
 
Css
CssCss
Css
 
Static and Dynamic webpage
Static and Dynamic webpageStatic and Dynamic webpage
Static and Dynamic webpage
 
Introduction to Cascading Style Sheets (CSS)
Introduction to Cascading Style Sheets (CSS)Introduction to Cascading Style Sheets (CSS)
Introduction to Cascading Style Sheets (CSS)
 
Basic html
Basic htmlBasic html
Basic html
 
Learn html Basics
Learn html BasicsLearn html Basics
Learn html Basics
 
Images and Tables in HTML
Images and Tables in HTMLImages and Tables in HTML
Images and Tables in HTML
 
Html ppt
Html pptHtml ppt
Html ppt
 
Html images
Html imagesHtml images
Html images
 
HTML Tags
HTML TagsHTML Tags
HTML Tags
 
Introduction to css & its attributes with syntax
Introduction to css & its attributes with syntaxIntroduction to css & its attributes with syntax
Introduction to css & its attributes with syntax
 
Anchor tag HTML Presentation
Anchor tag HTML PresentationAnchor tag HTML Presentation
Anchor tag HTML Presentation
 
How to learn HTML in 10 Days
How to learn HTML in 10 DaysHow to learn HTML in 10 Days
How to learn HTML in 10 Days
 
Basic html structure
Basic html structureBasic html structure
Basic html structure
 
Lecture 2 introduction to html
Lecture 2  introduction to htmlLecture 2  introduction to html
Lecture 2 introduction to html
 

Similar to Html links

6 html links
6 html links6 html links
6 html links
SatyakiDas12
 
HTML5 - create hyperlinks and anchors
HTML5 - create hyperlinks and anchorsHTML5 - create hyperlinks and anchors
HTML5 - create hyperlinks and anchors
Grayzon Gonzales, LPT
 
Hypertext presentation
Hypertext presentationHypertext presentation
Hypertext presentation
Iftikhar Alam
 
Html for beginners part II
Html for beginners part IIHtml for beginners part II
Html for beginners part II
Unaib Aslam
 
Html
HtmlHtml
intro-to-html
intro-to-htmlintro-to-html
intro-to-html
Vivek Shah
 
Html links
Html linksHtml links
Html links
eShikshak
 
Hypertext presentation
Hypertext presentationHypertext presentation
Hypertext presentation
Iftikhar Alam
 
Web topic 7 html tags for links
Web topic 7  html tags for linksWeb topic 7  html tags for links
Web topic 7 html tags for links
CK Yang
 
Working with Links
Working with LinksWorking with Links
Working with Links
Nicole Ryan
 
Html links
Html linksHtml links
Html links
Andz Bass
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
asdfhgjh1
 
N5 Computing Science HTML
N5 Computing Science HTMLN5 Computing Science HTML
N5 Computing Science HTML
Forrester High School
 
BVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptxBVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptx
panoosha2
 
Intro to html
Intro to htmlIntro to html
Intro to html
cherrybear2014
 
Std 10 Computer Chapter 1- Introduction to HTML - Basic Formatting Tag in HT...
Std 10 Computer  Chapter 1- Introduction to HTML - Basic Formatting Tag in HT...Std 10 Computer  Chapter 1- Introduction to HTML - Basic Formatting Tag in HT...
Std 10 Computer Chapter 1- Introduction to HTML - Basic Formatting Tag in HT...
Nuzhat Memon
 
Building Next Generation Websites Session4
Building Next Generation Websites Session4Building Next Generation Websites Session4
Building Next Generation Websites Session4
Muhammad Ehtisham Siddiqui
 
Session4
Session4Session4
Introduction to linking
Introduction to linkingIntroduction to linking
Introduction to linking
Shehzad Yaqoob
 
How to make a website
How to make a websiteHow to make a website
How to make a website
kierakeating
 

Similar to Html links (20)

6 html links
6 html links6 html links
6 html links
 
HTML5 - create hyperlinks and anchors
HTML5 - create hyperlinks and anchorsHTML5 - create hyperlinks and anchors
HTML5 - create hyperlinks and anchors
 
Hypertext presentation
Hypertext presentationHypertext presentation
Hypertext presentation
 
Html for beginners part II
Html for beginners part IIHtml for beginners part II
Html for beginners part II
 
Html
HtmlHtml
Html
 
intro-to-html
intro-to-htmlintro-to-html
intro-to-html
 
Html links
Html linksHtml links
Html links
 
Hypertext presentation
Hypertext presentationHypertext presentation
Hypertext presentation
 
Web topic 7 html tags for links
Web topic 7  html tags for linksWeb topic 7  html tags for links
Web topic 7 html tags for links
 
Working with Links
Working with LinksWorking with Links
Working with Links
 
Html links
Html linksHtml links
Html links
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
N5 Computing Science HTML
N5 Computing Science HTMLN5 Computing Science HTML
N5 Computing Science HTML
 
BVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptxBVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptx
 
Intro to html
Intro to htmlIntro to html
Intro to html
 
Std 10 Computer Chapter 1- Introduction to HTML - Basic Formatting Tag in HT...
Std 10 Computer  Chapter 1- Introduction to HTML - Basic Formatting Tag in HT...Std 10 Computer  Chapter 1- Introduction to HTML - Basic Formatting Tag in HT...
Std 10 Computer Chapter 1- Introduction to HTML - Basic Formatting Tag in HT...
 
Building Next Generation Websites Session4
Building Next Generation Websites Session4Building Next Generation Websites Session4
Building Next Generation Websites Session4
 
Session4
Session4Session4
Session4
 
Introduction to linking
Introduction to linkingIntroduction to linking
Introduction to linking
 
How to make a website
How to make a websiteHow to make a website
How to make a website
 

More from JayjZens

Science 7 lesson 1.1
Science 7 lesson 1.1Science 7 lesson 1.1
Science 7 lesson 1.1
JayjZens
 
Quilling famtime
Quilling famtimeQuilling famtime
Quilling famtime
JayjZens
 
Rebekah women of the bible
Rebekah women of the bibleRebekah women of the bible
Rebekah women of the bible
JayjZens
 
1. intro ict
1. intro ict1. intro ict
1. intro ict
JayjZens
 
Evaluating internet resources
Evaluating internet resourcesEvaluating internet resources
Evaluating internet resources
JayjZens
 
Web browser &amp; search engine
Web browser &amp; search engineWeb browser &amp; search engine
Web browser &amp; search engine
JayjZens
 
Introbotics
IntroboticsIntrobotics
Introbotics
JayjZens
 
Creating &amp; organizing bookmark for website
Creating &amp; organizing bookmark for websiteCreating &amp; organizing bookmark for website
Creating &amp; organizing bookmark for website
JayjZens
 
Advantages and disadvantages of using online tools
Advantages and disadvantages of using online toolsAdvantages and disadvantages of using online tools
Advantages and disadvantages of using online tools
JayjZens
 
1. introduction to html5
1. introduction to html51. introduction to html5
1. introduction to html5
JayjZens
 
Styling of css
Styling of cssStyling of css
Styling of css
JayjZens
 
Html table
Html tableHtml table
Html table
JayjZens
 
Html images syntax
Html images syntaxHtml images syntax
Html images syntax
JayjZens
 
Creating you first web page!
Creating you first web page!Creating you first web page!
Creating you first web page!
JayjZens
 
Roborobo 3 parts
Roborobo  3 partsRoborobo  3 parts
Roborobo 3 parts
JayjZens
 
Roborobo 3 p arts definition
Roborobo  3 p arts definitionRoborobo  3 p arts definition
Roborobo 3 p arts definition
JayjZens
 
Liquidity ratio
Liquidity ratioLiquidity ratio
Liquidity ratio
JayjZens
 
Corals and coral reefs
Corals and coral reefsCorals and coral reefs
Corals and coral reefs
JayjZens
 

More from JayjZens (18)

Science 7 lesson 1.1
Science 7 lesson 1.1Science 7 lesson 1.1
Science 7 lesson 1.1
 
Quilling famtime
Quilling famtimeQuilling famtime
Quilling famtime
 
Rebekah women of the bible
Rebekah women of the bibleRebekah women of the bible
Rebekah women of the bible
 
1. intro ict
1. intro ict1. intro ict
1. intro ict
 
Evaluating internet resources
Evaluating internet resourcesEvaluating internet resources
Evaluating internet resources
 
Web browser &amp; search engine
Web browser &amp; search engineWeb browser &amp; search engine
Web browser &amp; search engine
 
Introbotics
IntroboticsIntrobotics
Introbotics
 
Creating &amp; organizing bookmark for website
Creating &amp; organizing bookmark for websiteCreating &amp; organizing bookmark for website
Creating &amp; organizing bookmark for website
 
Advantages and disadvantages of using online tools
Advantages and disadvantages of using online toolsAdvantages and disadvantages of using online tools
Advantages and disadvantages of using online tools
 
1. introduction to html5
1. introduction to html51. introduction to html5
1. introduction to html5
 
Styling of css
Styling of cssStyling of css
Styling of css
 
Html table
Html tableHtml table
Html table
 
Html images syntax
Html images syntaxHtml images syntax
Html images syntax
 
Creating you first web page!
Creating you first web page!Creating you first web page!
Creating you first web page!
 
Roborobo 3 parts
Roborobo  3 partsRoborobo  3 parts
Roborobo 3 parts
 
Roborobo 3 p arts definition
Roborobo  3 p arts definitionRoborobo  3 p arts definition
Roborobo 3 p arts definition
 
Liquidity ratio
Liquidity ratioLiquidity ratio
Liquidity ratio
 
Corals and coral reefs
Corals and coral reefsCorals and coral reefs
Corals and coral reefs
 

Recently uploaded

Fundamentals of Programming and Language Processors
Fundamentals of Programming and Language ProcessorsFundamentals of Programming and Language Processors
Fundamentals of Programming and Language Processors
Rakesh Kumar R
 
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
safelyiotech
 
Using Query Store in Azure PostgreSQL to Understand Query Performance
Using Query Store in Azure PostgreSQL to Understand Query PerformanceUsing Query Store in Azure PostgreSQL to Understand Query Performance
Using Query Store in Azure PostgreSQL to Understand Query Performance
Grant Fritchey
 
Unveiling the Advantages of Agile Software Development.pdf
Unveiling the Advantages of Agile Software Development.pdfUnveiling the Advantages of Agile Software Development.pdf
Unveiling the Advantages of Agile Software Development.pdf
brainerhub1
 
UI5con 2024 - Keynote: Latest News about UI5 and it’s Ecosystem
UI5con 2024 - Keynote: Latest News about UI5 and it’s EcosystemUI5con 2024 - Keynote: Latest News about UI5 and it’s Ecosystem
UI5con 2024 - Keynote: Latest News about UI5 and it’s Ecosystem
Peter Muessig
 
Hand Rolled Applicative User Validation Code Kata
Hand Rolled Applicative User ValidationCode KataHand Rolled Applicative User ValidationCode Kata
Hand Rolled Applicative User Validation Code Kata
Philip Schwarz
 
WWDC 2024 Keynote Review: For CocoaCoders Austin
WWDC 2024 Keynote Review: For CocoaCoders AustinWWDC 2024 Keynote Review: For CocoaCoders Austin
WWDC 2024 Keynote Review: For CocoaCoders Austin
Patrick Weigel
 
Mobile App Development Company In Noida | Drona Infotech
Mobile App Development Company In Noida | Drona InfotechMobile App Development Company In Noida | Drona Infotech
Mobile App Development Company In Noida | Drona Infotech
Drona Infotech
 
UI5con 2024 - Bring Your Own Design System
UI5con 2024 - Bring Your Own Design SystemUI5con 2024 - Bring Your Own Design System
UI5con 2024 - Bring Your Own Design System
Peter Muessig
 
What next after learning python programming basics
What next after learning python programming basicsWhat next after learning python programming basics
What next after learning python programming basics
Rakesh Kumar R
 
Everything You Need to Know About X-Sign: The eSign Functionality of XfilesPr...
Everything You Need to Know About X-Sign: The eSign Functionality of XfilesPr...Everything You Need to Know About X-Sign: The eSign Functionality of XfilesPr...
Everything You Need to Know About X-Sign: The eSign Functionality of XfilesPr...
XfilesPro
 
YAML crash COURSE how to write yaml file for adding configuring details
YAML crash COURSE how to write yaml file for adding configuring detailsYAML crash COURSE how to write yaml file for adding configuring details
YAML crash COURSE how to write yaml file for adding configuring details
NishanthaBulumulla1
 
E-commerce Development Services- Hornet Dynamics
E-commerce Development Services- Hornet DynamicsE-commerce Development Services- Hornet Dynamics
E-commerce Development Services- Hornet Dynamics
Hornet Dynamics
 
Oracle Database 19c New Features for DBAs and Developers.pptx
Oracle Database 19c New Features for DBAs and Developers.pptxOracle Database 19c New Features for DBAs and Developers.pptx
Oracle Database 19c New Features for DBAs and Developers.pptx
Remote DBA Services
 
一比一原版(UMN毕业证)明尼苏达大学毕业证如何办理
一比一原版(UMN毕业证)明尼苏达大学毕业证如何办理一比一原版(UMN毕业证)明尼苏达大学毕业证如何办理
一比一原版(UMN毕业证)明尼苏达大学毕业证如何办理
dakas1
 
fiscal year variant fiscal year variant.
fiscal year variant fiscal year variant.fiscal year variant fiscal year variant.
fiscal year variant fiscal year variant.
AnkitaPandya11
 
zOS Mainframe JES2-JES3 JCL-JECL Differences
zOS Mainframe JES2-JES3 JCL-JECL DifferenceszOS Mainframe JES2-JES3 JCL-JECL Differences
zOS Mainframe JES2-JES3 JCL-JECL Differences
YousufSait3
 
How to write a program in any programming language
How to write a program in any programming languageHow to write a program in any programming language
How to write a program in any programming language
Rakesh Kumar R
 
GreenCode-A-VSCode-Plugin--Dario-Jurisic
GreenCode-A-VSCode-Plugin--Dario-JurisicGreenCode-A-VSCode-Plugin--Dario-Jurisic
GreenCode-A-VSCode-Plugin--Dario-Jurisic
Green Software Development
 
8 Best Automated Android App Testing Tool and Framework in 2024.pdf
8 Best Automated Android App Testing Tool and Framework in 2024.pdf8 Best Automated Android App Testing Tool and Framework in 2024.pdf
8 Best Automated Android App Testing Tool and Framework in 2024.pdf
kalichargn70th171
 

Recently uploaded (20)

Fundamentals of Programming and Language Processors
Fundamentals of Programming and Language ProcessorsFundamentals of Programming and Language Processors
Fundamentals of Programming and Language Processors
 
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
 
Using Query Store in Azure PostgreSQL to Understand Query Performance
Using Query Store in Azure PostgreSQL to Understand Query PerformanceUsing Query Store in Azure PostgreSQL to Understand Query Performance
Using Query Store in Azure PostgreSQL to Understand Query Performance
 
Unveiling the Advantages of Agile Software Development.pdf
Unveiling the Advantages of Agile Software Development.pdfUnveiling the Advantages of Agile Software Development.pdf
Unveiling the Advantages of Agile Software Development.pdf
 
UI5con 2024 - Keynote: Latest News about UI5 and it’s Ecosystem
UI5con 2024 - Keynote: Latest News about UI5 and it’s EcosystemUI5con 2024 - Keynote: Latest News about UI5 and it’s Ecosystem
UI5con 2024 - Keynote: Latest News about UI5 and it’s Ecosystem
 
Hand Rolled Applicative User Validation Code Kata
Hand Rolled Applicative User ValidationCode KataHand Rolled Applicative User ValidationCode Kata
Hand Rolled Applicative User Validation Code Kata
 
WWDC 2024 Keynote Review: For CocoaCoders Austin
WWDC 2024 Keynote Review: For CocoaCoders AustinWWDC 2024 Keynote Review: For CocoaCoders Austin
WWDC 2024 Keynote Review: For CocoaCoders Austin
 
Mobile App Development Company In Noida | Drona Infotech
Mobile App Development Company In Noida | Drona InfotechMobile App Development Company In Noida | Drona Infotech
Mobile App Development Company In Noida | Drona Infotech
 
UI5con 2024 - Bring Your Own Design System
UI5con 2024 - Bring Your Own Design SystemUI5con 2024 - Bring Your Own Design System
UI5con 2024 - Bring Your Own Design System
 
What next after learning python programming basics
What next after learning python programming basicsWhat next after learning python programming basics
What next after learning python programming basics
 
Everything You Need to Know About X-Sign: The eSign Functionality of XfilesPr...
Everything You Need to Know About X-Sign: The eSign Functionality of XfilesPr...Everything You Need to Know About X-Sign: The eSign Functionality of XfilesPr...
Everything You Need to Know About X-Sign: The eSign Functionality of XfilesPr...
 
YAML crash COURSE how to write yaml file for adding configuring details
YAML crash COURSE how to write yaml file for adding configuring detailsYAML crash COURSE how to write yaml file for adding configuring details
YAML crash COURSE how to write yaml file for adding configuring details
 
E-commerce Development Services- Hornet Dynamics
E-commerce Development Services- Hornet DynamicsE-commerce Development Services- Hornet Dynamics
E-commerce Development Services- Hornet Dynamics
 
Oracle Database 19c New Features for DBAs and Developers.pptx
Oracle Database 19c New Features for DBAs and Developers.pptxOracle Database 19c New Features for DBAs and Developers.pptx
Oracle Database 19c New Features for DBAs and Developers.pptx
 
一比一原版(UMN毕业证)明尼苏达大学毕业证如何办理
一比一原版(UMN毕业证)明尼苏达大学毕业证如何办理一比一原版(UMN毕业证)明尼苏达大学毕业证如何办理
一比一原版(UMN毕业证)明尼苏达大学毕业证如何办理
 
fiscal year variant fiscal year variant.
fiscal year variant fiscal year variant.fiscal year variant fiscal year variant.
fiscal year variant fiscal year variant.
 
zOS Mainframe JES2-JES3 JCL-JECL Differences
zOS Mainframe JES2-JES3 JCL-JECL DifferenceszOS Mainframe JES2-JES3 JCL-JECL Differences
zOS Mainframe JES2-JES3 JCL-JECL Differences
 
How to write a program in any programming language
How to write a program in any programming languageHow to write a program in any programming language
How to write a program in any programming language
 
GreenCode-A-VSCode-Plugin--Dario-Jurisic
GreenCode-A-VSCode-Plugin--Dario-JurisicGreenCode-A-VSCode-Plugin--Dario-Jurisic
GreenCode-A-VSCode-Plugin--Dario-Jurisic
 
8 Best Automated Android App Testing Tool and Framework in 2024.pdf
8 Best Automated Android App Testing Tool and Framework in 2024.pdf8 Best Automated Android App Testing Tool and Framework in 2024.pdf
8 Best Automated Android App Testing Tool and Framework in 2024.pdf
 

Html links

  • 1. HTML Links BY: TR. MJ FERNANDEZ JOY IN LEARNING SCHOOL
  • 2. Links HTML links are hyperlinks. You can click on a link and jump to another document. When you move the mouse over a link, the mouse arrow will turn into a little hand.
  • 3. Links Hyperlinks are defined with the HTML <a> tag:
  • 4. Links The href attribute specifies the destination address (https://www.w3schools.com/html/) of the link. The link text is the visible part (Visit our HTML tutorial). Clicking on the link text will send you to the specified address.
  • 5. Local Links The example above used an absolute URL (a full web address). A local link (link to the same web site) is specified with a relative URL (without https://www....).
  • 7. HTML Link Colors By default, a link will appear like this (in all browsers): An unvisited link is underlined and blue A visited link is underlined and purple An active link is underlined and red You can change the default colors, by using CSS:
  • 8.
  • 9.
  • 10. HTML Links - The target Attribute The target attribute specifies where to open the linked document. The target attribute can have one of the following values: _blank - Opens the linked document in a new window or tab _self - Opens the linked document in the same window/tab as it was clicked (this is default) _parent - Opens the linked document in the parent frame _top - Opens the linked document in the full body of the window framename - Opens the linked document in a named frame
  • 11.
  • 12.
  • 14. HTML Links - Create a Bookmark HTML bookmarks are used to allow readers to jump to specific parts of a Web page. Bookmarks can be useful if your webpage is very long. To make a bookmark, you must first create the bookmark, and then add a link to it. When the link is clicked, the page will scroll to the location with the bookmark.
  • 15. Link Titles The title attribute specifies extra information about an element. The information is most often shown as a tooltip text when the mouse moves over the element.
  • 16.
  • 17. Chapter Summary Use the <a> element to define a link. Use the href attribute to define the link address. Use the target attribute to define where to open the linked document. Use the <img> element (inside <a>) to use an image as a link. Use the id attribute (id="value") to define bookmarks in a page. Use the href attribute (href="#value") to link to the bookmark.