HTML-এ কপিরাইট সিম্বল যোগ করুন: দ্রুত এবং নির্ভরযোগ্য পদ্ধতি

© বা © সিম্বলগুলো HTML কপিরাইট চিহ্নকে উপস্থাপন করে। এই সিম্বলগুলো আপনাকে একটি ওয়েব পেজে কপিরাইট চিহ্ন এম্বেড করতে দেয়। কপিরাইট চিহ্ন অধিকাংশ কীবোর্ডে দেখা যায় না, তাই আপনাকে HTML সিম্বল কোড ব্যবহার করতে হবে।

HTML-এ সিম্বল এবং এন্টিটি থাকে যা কীবোর্ডে সহজে পাওয়া যায় না, যদি সেগুলো থাকে সেটাও। এর কারণ হলো কম্পিউটারে আপনি সैंकড়ো সম্ভাব্য সিম্বল ব্যবহার করতে চাইতে পারেন। আপনার কীবোর্ডে সকল সিম্বল উপস্থাপনের জন্য সैंकड़ো কী থাকতে হতো।

এই আর্টিকেলটি ব্যাখ্যা করে যে HTML-এ কপিরাইট সিম্বল কীভাবে বিভিন্ন শর্টকাট ব্যবহার করে তৈরি করা যায়।

আপনি © বা © সিম্বল কোড ব্যবহার করে HTML কপিরাইট সিম্বল তৈরি করতে পারেন। এইগুলো প্রায়শই একটি প্যারাগ্রাফের মধ্যে incloজ করা হয়। অ্যাম্পারস্যান্ড (&) ইঙ্গিত দেয় যে আপনি একটি স্পেশ্যাল ক্যারেক্টার ওয়েব পেজে এম্বেড করতে চান।

কপিরাইট সিম্বলের সিনট্যাক্স:

<p>© 2020 Career Karma</p>

এটি নিচের টেক্সট প্রদর্শন করে:

আমরা © ব্যবহার করেও একই লক্ষ্য অর্জন করতে পারি। অ্যাম্পারস্যান্ড এবং সেমিকোলন স্পেসিফাই করা আবশ্যক। অন্যথায়, কপিরাইট সিম্বল আপনার ওয়েব পেজে এম্বেড হবে না। কারণ © এবং © HTML-এর স্পেশ্যাল ক্যারেক্টার।

যখন একটি ওয়েব পেজ তৈরি করেন, তখন সচেতনভাবে আপনার সৃষ্টিকৃত বিষয়গুলোর মালিকানা দাবি করা ভালো অভ্যাস। এটি আপনার বা আপনার ক্লায়েন্টের কাজের কিছু আইনি সুরক্ষা দেয়। মালিকানা দাবি করতে, আপনার বা আপনার ক্লায়েন্টের মটেরিয়াল সুরক্ষিত করতে আপনার ফুটারে একটি কপিরাইট নোটিস ব্যবহার করুন। আপনি আপনার মালিকানা দাবি স্পষ্ট করার জন্য কপিরাইট সিম্বল ব্যবহার করতে চাইতে পারেন।

কপিরাইট HTML রেফারেন্স

নিচের টেবিলটি আপনার কোডে HTML কপিরাইট সিম্বল তৈরির বিভিন্ন পদ্ধতি দেখায়:

Windows বা Mac মেশিনে, আসল ক্যারেক্টারটি তৈরির জন্য কিছু বিশেষ শর্টকাট আছে। Windows-এ Alt + 0169 দিয়ে কপিরাইট ক্যারেক্টার (©) পাওয়া যায়, Mac-এ Option + G।

HTML এন্টিটি নাম বা নম্বর ব্যবহার করে স্পেশ্যাল ক্যারেক্টার তৈরি করুন। &copy; বা &#169; কে <span> ট্যাগের সেটে মুড়ে একই ফলাফল পাওয়া যায়।

কপিরাইট সিম্বল HTML উদাহরণ

কপিরাইট সিম্বল ব্যবহারের একটি সাধারণ জায়গা হলো ফুটার। একটি ফুটারে প্রদর্শিত কপিরাইট নোটিস লিখে ফেলি:

<footer> <p>Created by Career Karma. © 2020</p> </footer>

HTML <footer> ট্যাগ আমাদের কোডকে বলে যে আমরা আমাদের ওয়েব পেজের জন্য একটি ফুটার তৈরি করছি। সেই ফুটারের মধ্যে আমরা একটি HTML <p> ট্যাগ স্পেসিফাই করেছি। <p> ট্যাগে কিছু টেক্সট এবং একটি কপিরাইট সিম্বল রয়েছে। আমাদের কোড প্রদর্শন করে:

Created by Career Karma. © 2020

আমরা সফলভাবে একটি কপিরাইট সিম্বল তৈরি করেছি।

আপনার কোডে HTML কপিরাইট সিম্বল ব্যবহার করা

চলুন HTML কপিরাইট সিম্বলের একটি পূর্ণ উদাহরণ দেখি।

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>repl.it</title> <link href="style.css" rel="stylesheet" type="text/css" /> <style> body { font-family: Arial } table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 15px; } table, footer { margin: 20px auto; text-align: center; } tr:nth-child(even) { background-color: #dddddd; } span { color: blue; } </style> <script> function todayDate(){ var d = new Date(); var n = d.getFullYear() + " "; return document.getElementById("date").innerHTML = n; } </script> </head> <body onload=todayDate()> <table bordered> <tr> <th>Option</th> <th>shortcut or syntax</th> </tr> <tr> <td>Windows</td> <td>Alt + 0169</td> </tr> <tr> <td>Mac</td> <td>option + G</td> </tr> <tr> <td>HTML Entity Name</td> <td><span>&lt;span></span>&amp;copy;<span>&lt;span></span></td> </tr> <tr> <td>HTML Entity Number</td> <td><span>&lt;span></span>&amp;#169;<span>&lt;span></span></td> </tr> </table> <footer> &copy; <em id="date"></em>Career Karma </footer> </body> </html>

আমরা ফুটার HTML কোডে শেষ থেকে চতুর্থ লাইনে কপিরাইট সিম্বল ব্যবহার করেছি। সেগুলো সব কাজ করে কিনা চেক করার জন্য স্যুইচ আউট করুন।

উপসংহার

HTML কপিরাইট সিম্বল &copy; বা &#169; দ্বারা উপস্থাপিত। আপনি এই কোডটি ব্যবহার করে কপিরাইট সিম্বল একটি ওয়েব পেজে এম্বেড করতে পারেন যদি এই ক্যারেক্টার আপনার কীবোর্ডে উপস্থাপিত না থাকে।

আপনি কি HTML এবং ওয়েব ডেভেলপার কীভাবে बना যায় সেটা সম্পর্কে আরও জানতে চান? আমাদের সম্পূর্ণ "How to Learn HTML" গাইড চেক করুন। এই গাইডে আপনি HTML শিখার জন্য এক্সপার্ট পরামর্শ এবং শীর্ষ অনলাইন লার্নিং রিসোর্সের তালিকা পাবেন।