এংকর সিউডো ক্লাস (Anchor Pseudo class)| সি এস এস বাংলা টিউটোরিয়াল

এংকর সিউডো ক্লাস (Anchor Pseudo class)

সাধারণত HTML এ লিংক তৈরির জন্য এংকর ট্যাগ(<a></a>) ব্যবহার করা হয়। সি এস এস ব্যবহার করে স্ট্যাইল তৈরির জন্য স্ট্যাইল শীটে সিলেক্টর হিসেবে a ব্যবহার করা হয়। কিন্তু একটি লিংকের চারটি ভিন্ন অবস্থা হতে পারে যা শুধু মাত্র সিলেক্টর হিসেবে a ব্যবহার করে নির্দেশ করা যায় না। এজন্য এংকর সিউডো ক্লাস ব্যবহার করা হয়; যেমন a:link , a:visited, a:hover এবং a:active ।

  • a:link সিলেক্টর নির্দেশ করে প্রথমবার ব্যবহার না করা পর্যন্ত লিংকটি কিভাবে প্রদর্শিত হবে।
  • a:visited সিলেক্টর নির্দেশ করে লিংকটি এক বা একাধিক বার ব্যবহার করা হলে এবং লিংকের উপর মাউস না রাখলে লিংকটি কিভাবে প্রদর্শিত হবে।
  • a:hover সিলেক্টর নির্দেশ করে লিংকটি ব্যবহার করা হোক বা না হোক, লিংকের উপর মাউস না রাখলে লিংকটি কিভাবে প্রদর্শিত হবে।
  • a:active সিলেক্টর নির্দেশ করে লিংকটিতে মাউস ক্লিক করার মূহর্তে লিংকটি কিভাবে প্রদর্শিত হবে।

অনুশীলন প্রজেক্ট

<html>
<head>
<title> www.tutohost.com</title>
<style>
body{background:#090}
a:link {color:#F00;}
a:visited {color:#303}
a:hover {color: #fff;}
a:active {color:#960;}
#nav ul li {float:left; list-style:none;}
#nav ul li a {padding:10px; display:block; text-decoration:none;}
#nav ul li a:link{background:#FCC;}
#nav ul li a:hover{background:#F60;}
#nav ul li a:hover { background: #639}
#nav ul li a:active { background:#39F;}
</style>

</head>
<body >
<a href="www.tutohost.com"><h1>This is a Link.</h1></a><br>
<div id="nav">
<ul>
<li><a href="www.tutohost.com"><h2>HTML</h2></a></li>
<li><a href="www.tutohost.com"><h2>CSS </h2></a></li>
<li><a href="www.tutohost.com"><h2>PHP</h2></a></li>
<li><a href="www.tutohost.com"><h2>Wordpress</h2></a></li>
</ul>
</div>
</body>
</html>

একটা  নোটপ্যাড  open  করে  উপরের code  টুকু  লিখে  file  মেনু  থেকে  Save as এ ক্লিক করে File name:  index.html  ,   Save as type : All files,  দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।



লেখকঃ অসীম কুমার
তিনি ইলেকট্রিক্যাল ইঞ্জিনিয়ারিং এ লেখাপড়া করছেন। টিউটোরিয়ালবিডি ও বিজ্ঞানপ্রযুক্তি ব্লগে তিনি ইলেক্ট্রনিক্স সহ বিভিন্ন টেকনোলজি বিষয়ে লিখে থাকেন। বর্তমানে তিনি লেখাপড়ার পাশাপাশি টিউটোহোস্টে কর্মরত আছেন।

কপি রাইট টিউটোহোস্ট ২০১০-২০১২