A Anchor defines a Hyper link. The important attribute of the <a> element is the “href” attribute, which indicates the link address. A hyperlink is a word, group of words, or images that you can click on to jump to another document. When we move the cursor over a link in a Web page, the arrow will turn into little hand.
Those links represent different meanings in a different situation just like
- Active link
- Underline and Red color is know as Active link.
- Visited link
- Underline and Purple color is know as Visited link.
- Unvisited link
- Underline and blue color is know as Unvisited link.
Syntax
<a href ="url">text </a>The href attribute specifies the address of a link.
Example
<html>
<head>
<style>
a:link {
color: brown;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: sky;
background-color: transparent;
text-decoration: none;
}
}
a:active {
color: orange;
background-color: transparent;
text-decoration: underline;
}
</style>
</head>
<body>
<h2>Basic java </h2>
<a href="https://tse4.mm.bing.net/th?id=OIP.fzSnClvueUiDCZNJINMWywHaEK&pid=Api&P=0" target="_blank">Ciamge professional college</a>
</body>
</html>
Attribute
- Href(hyper reference)= Specifies URL.
- Target
- blank :- Open the linked in new Window
- self(default) :- Open the linked in same frame
- parent :- Open the linked in Parent frame
- top :- Open the linked in the full body of window
- Frame name :- Open the linked in named frame
- Download.
- Name.
Marquee Tags
This tag is used to scroll text and image in any particular direction is knows as Marquee tags.
syntax
<marquee>
<--- contents --->
</marquee> Attribute
- Loop
- It is provides how frequently the marquee will Loop.
- Direction.-
- It is provides the direction left, right, top and bottom.
- Scroll amount.-
- It is provides the control speed of marquee.
- Scroll delay.-
- It is provides the delay speed of marquee speed.
- Height.
- It is a provides the height or length of a marquee.
- Width.
- It is a provides the width or breadth of a marquee.
- Behavior-
- It is provides the scrolling type in a marquee, scrolling can be like Sliding, Scralling and Alternate
- bgcolor
- It is a provides a background color
- vspace
- It is a provides a vertical space.
- hspace
- It is a provides a horizontal space.
Scroll UP
For Example
<html>
<h1>scrolling </h1>
<body>
<marquee width="40%" direction="up" height="30%">
<h2>Stay Connected Stay Safe. Thank you 🙂 </h2>
</marquee>
</body>
</html>
Scroll Down
Example
<html>
<h1>scroll Down</h1>
<body>
<marquee width="60%" direction="down" height="100px">
<h2>Stay Connected Stay Safe. Thank you 🙂 </h2>
</marquee>
</body>
</html>
Scroll Left to Right
<html>
<h1>Scroll Left to Right </h1>
<body>
<marquee width="60%" direction="right" height="100px">
<h2>Stay Connected Stay Safe. Thank you 🙂 </h2>
</marquee>
</body>
</html>
Scroll right to left
<html>
<h1>Scroll Right to left </h1>
<body>
<marquee width="60%" direction="left" height="100px">
<h2>Stay Connected Stay Safe. Thank you 🙂 </h2>
</marquee>
</body>
</html>
Scrolling Speed
<html>
<h1>Scrolling speed </h1>
<body>
<marquee behavior="scroll" direction="up" scrollamount="1">Stay Connected Stay Safe. Thank you 🙂</marquee>
<marquee behavior="scroll" direction="right" scrollamount="12">Stay Connected Stay Safe. Thank you 🙂</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20">Stay Connected Stay Safe. Thank you 🙂</marquee>
<marquee behavior="scroll" direction="right" scrollamount="50">Stay Connected Stay Safe. Thank you 🙂</marquee>
</body>
</html>
Blinking text
<html>
<head>
<title>Example of a blinking text using CSS within a marquee</title>
<style>
.blink {
animation: blinker 1.5s linear infinite;
color: red;
font-family: sans-serif;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
</style>
</head>
<body>
<H1>Blinking text </h1>
<marquee class="blink">Stay Connected Stay Safe. Thank you 🙂</marquee>
</body>
</html>
If you have any queries regarding this article or if I have missed something on this topic, please feel free to add in the comment down below for the audience. See you guys in another article.
To know more about HTML anchor tag please check Wikipedia link Click here
Stay Connected Stay Safe. Thank you 🙂
0 Comments