এংকর সিউডো ক্লাস (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 করলে নিচে প্রদর্শিত ছবির মত দেখাবে।
তিনি ইলেকট্রিক্যাল ইঞ্জিনিয়ারিং এ লেখাপড়া করছেন। টিউটোরিয়ালবিডি ও বিজ্ঞানপ্রযুক্তি ব্লগে তিনি ইলেক্ট্রনিক্স সহ বিভিন্ন টেকনোলজি বিষয়ে লিখে থাকেন। বর্তমানে তিনি লেখাপড়ার পাশাপাশি টিউটোহোস্টে কর্মরত আছেন।
কপি রাইট © ২০১১থেকে যতদিন চলবে সর্বস্বত্ত্ব সংরক্ষিত