এইচটিএমএল <p> ট্যাগ
<p> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<p> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
<p> ট্যাগ একটি প্যারাগ্রাফকে নির্দেশ করে। অর্থাৎ ওয়েবপেজের মধ্যে প্যারাগ্রাফ লিখার জন্য <p> এলিমেন্টটি ব্যবহার করা হয়।
ব্রাউজার স্বয়ংক্রিয়ভাবে প্রত্যেকটি <p> এলিমেন্টের পূর্বে এবং পরে কিছু স্পেস(মার্জিন) যোগ করে নেয়। সিএসএসের মাধ্যমে এই ডিফল্ট স্টাইল পরিবর্তন(margin প্রোপার্টি ব্যবহার করে) করা যাবে।
<p> এলিমেন্টের মাধ্যমে ওয়েবপেজে প্যারাগ্রাফ লেখার উদাহরণঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<h2>চাঁদপুর</h2>
<p>ইলিশের বাড়ি চাঁদপুর।</p>
</body>
</html>
ফলাফল
এট্রিবিউট
নিচের টেবিলে <p> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ
| এট্রিবিউট | ভ্যালু | বর্ননা |
|---|---|---|
| align | left right center justify |
এইচটিএমএল(৫)-এ সাপোর্ট করে না। প্যারাগ্রাফের মধ্যের টেক্সটের alignment নির্ধারণ করে। |
<p> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |
<p> ট্যাগের ডিফল্ট স্টাইল
অধিকাংশ ব্রাউজারেই <p> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}