HTML 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.
Example
<a href="https://bestdesign17.blogspot.com/">Visit our HTML tutorial</a>
The href attribute specifies the destination address (https://bestdesign17.blogspot.com/)
of the link.
The link text is the visible part (Visit our HTML tutorial).
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
Example
<!DOCTYPE html>
<html>
<head>
<title>My First HTML</title>
<meta charset="UTF-8">
</head>
<style>
a:link {
color: green;
background-color: transparent;
text-decoration: none;}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;}
</style>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
0 comments:
Post a Comment