HTML Quotations
এইচটিএমএল কোটেশন টিউটোরিয়াল (বাংলায়)
এই টিউটোরিয়ালে আমরা এইচটিএমএল-এ কোটেশন সম্পর্কিত প্রধান ট্যাগগুলি শিখব। প্রতিটি ট্যাগের ব্যবহার এবং উদাহরণ নিচে দেওয়া হলো।
১. <blockquote> ট্যাগ
দীর্ঘ উদ্ধৃতি বা অন্য সোর্স থেকে নেওয়া টেক্সট প্রকাশ করতে ব্যবহৃত হয়। এটি সাধারণত ইন্ডেন্টেড হয়ে প্রদর্শিত হয়।
উদাহরণ:
এটি একটি দীর্ঘ উদ্ধৃতি যা অন্য কোনো সোর্স থেকে নেওয়া হয়েছে। এটি ব্রাউজারে ইন্ডেন্টেড আকারে দেখাবে।
কোড:
<blockquote cite="https://example.com">
এটি একটি দীর্ঘ উদ্ধৃতি যা অন্য কোনো সোর্স থেকে নেওয়া হয়েছে।
</blockquote>
২. <q> ট্যাগ
সংক্ষিপ্ত উদ্ধৃতির জন্য ব্যবহৃত হয়। ব্রাউজার স্বয়ংক্রিয়ভাবে টেক্সটের চারপাশে কোটেশন মার্ক ("") যোগ করে।
উদাহরণ:
তিনি বললেন: আমি এইচটিএমএল শিখছি!
কোড:
<p>তিনি বললেন: <q>আমি এইচটিএমএল শিখছি!</q></p>
৩. <abbr> ট্যাগ
সংক্ষিপ্ত রূপ বা অ্যাক্রোনিম বোঝাতে ব্যবহৃত হয়। title অ্যাট্রিবিউট দিয়ে পূর্ণ রূপ ব্যাখ্যা করা যায়।
উদাহরণ:
HTML একটি ওয়েব ডেভেলপমেন্ট ভাষা।
কোড:
<p><abbr title="HyperText Markup Language">HTML</abbr> একটি ওয়েব ডেভেলপমেন্ট ভাষা।</p>
৪. <cite> ট্যাগ
কোনো কাজের উৎস বা রেফারেন্স (যেমন বই, চলচ্চিত্র) উল্লেখ করতে ব্যবহৃত হয়। এটি সাধারণত ইটালিক হয়ে প্রদর্শিত হয়।
উদাহরণ:
এই উক্তিটি স্বাধীনতার ঘোষণা থেকে নেওয়া।
কোড:
<p>এই উক্তিটি <cite>স্বাধীনতার ঘোষণা</cite> থেকে নেওয়া।</p>
৫. <bdo> ট্যাগ
টেক্সটের দিক পরিবর্তন করতে ব্যবহৃত হয় (বাম থেকে ডানে বা ডান থেকে বামে)। dir অ্যাট্রিবিউট ব্যবহার করা হয়।
উদাহরণ:
সাধারণ টেক্সট: এইচটিএমএল
বিপরীত টেক্সট: এইচটিএমএল
কোড:
<p>সাধারণ টেক্সট: এইচটিএমএল<br>
বিপরীত টেক্সট: <bdo dir="rtl">এইচটিএমএল</bdo></p>
