Navigation Links,
किसी web page को create करने का उद्देशय अन्य prges के साथ लिंक create कर उस page की information को share करना होता है इसके लिए एक टैग की आवश्यकता होती है जिसे anchor Tag (<A>) कहते है इस anchor tag के द्वारा बनाई गयी links को design, इनका effect या इन्हेंअपने page के अनुसार customiz करने के लिए हमे css की properties का use करना होता है
Links पर हम सभी properties का use कर सकते है लेकिन इसके लिए हमे anchor tag के साथ विभिन्न selectors का use करना होता है जो निम्न है
a:link
इस selector का उस link की normal state को design करने के लिए किया जाता है जो यह बताती है की लिंक को एक भी बार visit नही किया गया है
Program
<html>
<head>
<style>
a:link
{
Color:red;
}
</style>
</head>
<body>
<a href="http://www.mypage.com">my page<a>
</body>
</html>
a:visited
इस selector का use हम यह define करने के लिए करते है की जब कोई link visit कर लिया गया हो तो वह कैसी दिखाई दे ताकि पता चल सके की वह visit कर ली गयी है
<html>
<head>
<style>
a:visited
{
Color:blue;
}
</style>
</head>
<body>
<a href="http://www.mypage.com">my page<a>
</body>
</html>
a:hover
इस selector का use हम यह define करने के लिए करते है की जब किसी link पर mouse pointer ले जाये तो उसमे कौन कौन से changes दिखाई देने चाहिए
<html>
<head>
<style>
a:hover
{
Color:red;
Font-size:48;
}
</style>
</head>
<body>
<a href="http://www.mypage.com">my page<a>
</body>
</html>
a:active
इस selector का use हम यह define करने के लिए करते है की जब किसी link पर mouse से Click किया जाए तो clicking पर उसमे कौन कौन से changes दिखाई देने चाहिए
जब भी आप किसी लिंक पर क्लिक करते है तब वह लिंक active होती है
<html>
<head>
<style>
a:active
{
Color:green;
}
</style>
</head>
<body>
<a href="http://www.mypage.com">my page<a>
</body>
</html>
Comments
Post a Comment