Scribd
Upload
33 views12 pages

Hyperlink Creation Changing The Color of The Hyperl

Hyperlinks allow users to navigate between different pieces of content by clicking highlighted or underlined text. To create a hyperlink, open an HTML document and add anchor tags around the clickable text, specifying the URL in the href attribute. Hyperlinks come in different states - unvisited links are blue, visited links are purple, and active links turn red when clicked to indicate the user will be taken to that page. The hover state has the same color as active and visited links.

Uploaded by

Regine Manuel
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
33 views12 pages

Hyperlink Creation Changing The Color of The Hyperl

Hyperlinks allow users to navigate between different pieces of content by clicking highlighted or underlined text. To create a hyperlink, open an HTML document and add anchor tags around the clickable text, specifying the URL in the href attribute. Hyperlinks come in different states - unvisited links are blue, visited links are purple, and active links turn red when clicked to indicate the user will be taken to that page. The hover state has the same color as active and visited links.

Uploaded by

Regine Manuel
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 12

CREATING A HYPERLINK: CHANGING

THE COLOR OF HYPERLINK

Timpangco, Jeneleine
Hipolito, Jenifer
WHAT IS HYPERLINK?

• A hyperlink, often referred to simply as a link,


is a reference or connection between two
electronic documents or web pages. It allows
users to navigate between different pieces of
content by clicking on the highlighted or
underlined text, image, or other element that
represents the link.
• Hyperlinks can be found on websites, in electronic documents such as PDF files, and in
various applications and software interfaces. They can point to different types of
resources, including web pages, images, videos, audio files, downloadable documents,
and more
• Hyperlinks are a vital component of the interconnected nature of the web, enabling users
to access and explore a wide range of information and resources with a simple click.
STEPS ON HOW TO MAKE LINK

1. Open a new document in a simple text


editor. Whether it’s Notepad or Notepad++
on a Windows PC or TextEdit on a
Macintosh, these types of programs can
help you add the link to your HTML
document
• 2. Form your HTML document with the proper HTML tags
up to the point where the link needs to be added, keeping in
mind that links must be seen to be able to be used
effectively – so add them to the document somewhere
underneath the <body> and before the </body> tags.
• <html>
• <head>
• </head>
• <body>
• </body>
• </html>
• 3. Form the link tag at the place where
the tag will need to stand out to the
reader. Begin your tag by typing both the
starting and end tags. Type out <a href=“
“> and followed by </a> to form the link
tag which is more properly called an
anchor tag, hence the “a” in the HTML
tag’s name.
• 4. Locate the place in between the two
quotation marks and place your exact link
URL there. Utilize the site’s address as it is
listed in the address bar of your browser.
• 5.Title your link on what people
should use to click on. Type this text
directly after the end triangular bracket
of your anchor start tag and before the
beginning portion of your anchor end
tag’s triangular bracket.
• 6. Save your file with a .html extension and
open it in a web browser to view your
results. To preview in most cases, you’ll
have to save the file and open the file later.
• 7.Preview your site. If you don't double
check your code, you could be in for a rude
awakening if things were written correctly
and the reader sees errors, though this script
shouldn't produce any. It should look like: <a
href=http://www.example.com>Test link</a>
DIFFERENT TYPES OF HYPERLINKS IN HTML

The different types of HTML links are :

•Unvisited

•Visited
•Active
• I hover link
-The links have different HTML link colors
assigned to them that indicate their state of
interactiveness. A hyperlink is underlined by
default.
THE DIFFERENT HYPERLINK STATES ARE AS
FOLLOWS :
•Unvisited link :
A blue hyperlink implies that the linked destination, has not been viewed by the user.
•Visited link :
A purple hyperlink indicates that the user has already seen the linked page.
•Active Link :
In this state color of the link turns red on being clicked. This indicates that releasing the mouse button will lead the
user to the linked location.
•l Hover link :
The state when the mouse pointer is hovering over a link has the same color as in the Active and Visited links.

You might also like