HTML blockquote, q ট্যাগ ও blockquote এবং q ট্যাগের ব্যবহার

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

আমরা আগের পোস্ট আলোচনা করেছি, HTML5 এর বেশ কিছু ট্যাগ এর ব্যবহার নিয়ে । আপনার চাইলে দেখে নিতে পারেন, HTML5 টিউটোরিয়াল

HTML blockquote ট্যাগ ও এর ব্যবহার

<blockquote cite="https://kivabe.com">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse. cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non. proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</blockquote>

উপরের প্রথম অংশে blockquote ট্যাগ ব্যবহার করা হয়েছে এবং এরপর এট্রিবিউট আকারে cite । তার মধ্যে একটি সাইটের লোকেশন দেয়া রয়েছে। যেমনঃ https://kivabe.com/ আপনার ক্ষেত্রে অন্যও হতে পারে এবং এটি না দিলেও চলে । এরপর যেকোন ব্রাউজারে রান করলে নিচের ছবিটির মতো দেখা যাবে। তবে css style এর কারনে অন্য রকম ভাবেও দেখাতে পারে ।

blockquote tag

block-quote tag

উপরের ছবিটিতে দেখুন। সেখানে কন্টেন্ট দেখা যাচ্ছে। এরপর নিচের অংশে দেখে নেয়া যাক HTML q ট্যাগ এর ব্যবহার।

<q>Lorem ipsum dolor sit amet,consectetur adipisicing elit.</q>

উপরের অংশে দেখুন। উপরের অংশে আমরা q ট্যাগ এর কোড লিখেছি । q tag এর কোড লেখার পর যেকোন ব্রাউজারে গিয়ে কোডগুলো রান করলে নিচের ছবিটির মতো দেখা যাবে। আপনার ক্ষেত্রে অন্যও হতে পারে ।

HTML q tag

HTML q tag

 blockquote ও q ট্যাগ  এর মধ্যে পার্থক্য

blockquote ও q ট্যাগ দুটি দিয়েই কোটেশন তৈরি করা গেলেও এদের মাঝে একটু পার্থক্য আছে । blockquote একটি ব্লক লেভেল এইচটিএমএল এলেমেন্ট যেখানে q ইনলাইন এলিমেন্ট । অর্থাৎ blockquote দিয়ে তৈরি কোটেশন একটি ব্লক তৈরি করে যেখানে q দিয়ে তৈরি কোটেশন একই লাইনের মধ্যেই থাকে ।

Related Post

html link বা a tag এর ব্যবহার... Link অর্থ যুক্ত করা। আর একটি ওয়েব পেজের সাথে আরও একটি পেজকে যুক্ত করাই হচ্ছে link এর মূল কাজ।  যেকোন ওয়েব পেজে link করার জন্য a tag, যাকে anchor ট্যাগ...
html img tag কিভাবে ব্যাবহার করবেন... Web Page এ ছবি নিয়ে আসবার জন্য আমাদের img tag টি ব্যবহার করতে হয় html code এ । html5 standard এ img tag এর দুটি attribute থাকতেই হবে, আর তারা হচ্ছে, s...
HTML hr ট্যাগ ও hr ট্যাগের ব্যবহার... সাধারণত HTML hr  ট্যাগ কোন ডকুমেন্ট কিংবা কোন লাইনে ব্যবহার করলে নিচের দিকে লম্ব রেখা তৈরি হয়। hr tag আসলে Horizontal Line কে বুঝায়। অনেক সময় কিছু সাই...
HTML button ট্যাগ ও html button ট্যাগের ব্যবহার... সাধারণত HTML button ট্যাগ একটি ক্লিকযোগ্য বাটনকে নির্ধারণ করে থাকে কিংবা যে বাটনে ক্লিক করা হয়ে থাকে তাক বাটন বলে। আবার বাটন ট্যাগ ব্যবহার করে radio ব...
HTML হেডিং ট্যাগ ও এর ব্যবহার... সাধারণত HTML এ ছয় ধরনের হেডিং ট্যাগ রয়েছে, h1 to h6 পর্যন্ত। তবে h1 সবচেয়ে বড় হেডিং ট্যাগ এবং সবার ছোট h6 Heading Tag. HTML এ কোন ওয়েবপেজে কোন ডকুমেন্...
area ট্যাগ ও map ট্যাগের ব্যবহার উদাহরন সহ... map ট্যাগ এবং area ট্যাগ এই দুটো আসলে একে অপরের সাথে কানেক্টটেড। অনেকটা ul li এবং ol li এই দুইটো ট্যাগের সাথে সর্ম্পকের মতো। যেমন এর আগে আমরা দেখিয়েছি...

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

error: Content is protected !!