HTML <p> (প্যারাগ্রাফ) এলিমেন্ট কীভাবে ব্যবহার করবেন তা শিখুন।
HTML (<p>) এলিমেন্টটি প্যারাগ্রাফ এলিমেন্ট ডিফাইন করতে ব্যবহৃত হয়:
<p>এখানে একটি প্যারাগ্রাফ এলিমেন্টের ভিতরে কিছু টেক্সট।</p><p> এলিমেন্টটি ওয়েবে目前为止 সবচেয়ে বেশি ব্যবহৃত টেক্সট এলিমেন্ট। আপনি যে আর্টিকেলটি পড়ছেন সেটি প্রায়শই প্যারাগ্রাফ এলিমেন্ট से তৈরি।
<p> এলিমেন্টটি একটি ব্লক-লেভেল এলিমেন্ট। এর মানে ডিফল্টভাবে আপনার ডকুমেন্টে ডিফাইন করা প্রতিটি প্যারাগ্রাফ ব্রাউজারে নতুন লাইন নেবে:
<p>এখানে একটি প্যারাগ্রাফ এলিমেন্টের ভিতরে কিছু টেক্সট।</p> <p>এখানে অন্য একটি প্যারাগ্রাফ এলিমেন্টের ভিতরে অন্য টেক্সট।</p>যদি আপনি <p> ট্যাগের বদলে <span> ট্যাগ ব্যবহার করেন, তবে সেই দুটি টেক্সট ব্লক ইনলাইন দেখাবে (একদूसর পাশে পাশে, স্ট্যাক না হয়ে) কারণ <span> একটি ইনলাইন এলিমেন্ট।
ডিফল্টভাবে, প্যারাগ্রাফ এলিমেন্ট ইউজার-এজেন্ট স্টাইলশীট থেকে (বেশিরাগ ব্রাউজারে) নিচের স্টাইলিং প্রপার্টিগুলো ইনহেরিট করে:
p { display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; }এটি margin প্রপার্টি দিয়ে টপ এবং বটম হোয়াইট স্পেস लगाয়ে স্পষ্ট লাইন সেপারেশন এনফোর্স করে।
আপনি অবশ্যই CSS স্টাইলশীট ইম্পোর্ট করে (বা ইনলাইন স্টাইল দিয়ে) সেই স্টাইলগুলো ওভাররাইড করতে পারেন।
