এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ০৬ – প্যারাগ্রাফ টিউটোরিয়াল (HTML Paragraph Tutorial in Bangla)

ওয়েব পেজে কোন লেখা প্রকাশ করতে চাইলে p ট্যাগ ব্যবহার করা হয়। <p> হচ্ছে এর start tag এবং </p> হচ্ছে এর end tag. এই start এবং end ট্যাগের ভিতর যেকোন লেখা দিতে পারেন। এই লেখা প্যারাগ্রাফ আকারে ব্রাউজারে দেখাবে।

যেমন

<p>When encountering a new paragraph "<p>" tag, the browser typically inserts one blank line plus some extra vertical space into the display before starting the new paragraph.</p>

কোডটি কেমন হবে তা দেখার জন্য এখানে ক্লিক করুন

এই ট্যাগে এট্রিবিউট ব্যবহার করা যায় যেমন নিচের এট্রিবিউটগুলি বেশি ব্যবহৃত
align, class, id, style, title এছাড়া ইভেন্ট এট্রিবিউট onmouseover, onclick ইত্যাদি ব্যবহার করা যায়।

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ০৬ - প্যারাগ্রাফ টিউটোরিয়াল (HTML Paragraph Tutorial in Bangla)

class এবং id এট্রিবিউট ব্যবহার করে শুধু এই p এলিমেন্ট নয় বরং প্রায় সব এলিমেন্টে নাম দেয়া যায় পরে সেই নাম ধরে সিএসএস স্টাইল করা হয়। সিএসএস টিউটোরিয়ালে আরো বিস্তারিত দেখতে পাবেন। এখানে align, title এবং style এট্রিবিউটের কিছু প্রয়োগ দেখানো হল

<p align="right">Most browsers automatically left-justify a new paragraph.</p>
<p align="center">To change this behavior, the align attribute for the "<p>" tag and provide four kinds of content justification: left, right, center, and justify.</p>
<p style="background-color:#f00;" title="This is tooltip tile">You may specify a paragraph only within a block, along with other paragraphs, lists, forms, and preformatted text</p>

**  এখানে শুধু জায়গা এবং সময় বাচানোর জন্য শুধুমাত্র p এলিমেন্ট দেয়া হল আসলে বাস্তবে <body></body> এর ভিতর এইসব এলিমেন্ট থাকবে এবং অবশ্যই ডকুমেন্টের পূর্ন স্ট্রাকচার অনুসরন করতে হবে। অর্থ্যাৎ একটা পূর্নাঙ্গ ডকুমেন্টের ভিতরেই এগুলি রাখতে হবে। যেমন Doc Type টিউটোরিয়ালে রেখেছি।

কোডটি কেমন হবে তা দেখার জন্য এখানে ক্লিক করুন

title এট্রিবিউটের প্রভাব দেখতে শেষের লাইনরে উপর মাউস নিয়ে যান। এখানে লক্ষ করুন একসাথে একাধিক এট্রিবিউট একটা এলিমেন্টে ব্যবহার করেছি। আপনি চাইলে আরো বেশি ব্যবহার করতে পারেন।

Leave a Reply