ওয়েব পেজে এইচটিএমএল প্যারাগ্রাফ (HTML Paragraphs) ট্যাগ বহুল ব্যাবহার করা হয়। নতুন লাইন তৈরি করার জন্য প্যারাগ্রাফ ট্যাগ ব্যাবহার করা হয়। এটি অনেকটা ব্লক টেক্সট এর কাজ করে।
এইচটিএমএল প্যারাগ্রাফ ট্যাগ <p> দিয়ে শুরু হয় এবং </p> ট্যাগ দিয়ে শেষ হয়।
[box type=”success” align=”” class=”” width=””]<p> ট্যাগ সবসময় একটি নতুন লাইন তৈরি করে। এবং ব্রাউজার স্বয়ংক্রিয়ভাবে সেই প্যারাগ্রাফের শুরুতে এবং শেষে মার্জিন সেট করে।[/box]
[box type=”shadow” align=”” class=”” width=””]উদাহরণ
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
[button color=”green” size=”big” link=”https://hazabarolo.com/html-example/html-paragraphs.html” icon=”fa fa-code” target=”true” nofollow=”false”]নিজে চেষ্টা করুন >>[/button]
[/box]
এখানে অবশ্যই মনে রাখতে হবে, প্যারাগ্রাফ ট্যাগের ভিতর কনটেন্ট এ আপনি যতই এক্সট্রা স্পেস দেন না কেনো ব্রাউজার তা রিমুভ করে দেয়। অর্থাৎ এইচটিএমএল পেজে প্যারাগ্রাফ ট্যাগে আপনি এক্সট্রা স্পেস দেখাতে পারবেন না। আর দিলেও ব্রাউজার তা রিমুভ করে সিঙ্গেল স্পেসে দেখাবে।
HTML Horizontal Rules
<hr> ট্যাগ অনেকটা লাইন ব্রেকের কাজ করে। কনটেন্ট পৃথক করার জন্য <hr> ট্যাগ ব্যাবহার করা হয়।
[box type=”shadow” align=”” class=”” width=””]উদাহরণঃ
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
[button color=”green” size=”big” link=”https://www.hazabarolo.com/html-example/html-paragraphs-hr.html” icon=”fa fa-code” target=”true” nofollow=”false”]নিজে চেষ্টা করুন [/button]
[/box]
HTML Line Breaks
পূর্বেই বলেছি নতুন লাইন তৈরি করার জন্য <p> ব্যাবহার করা হয়। কিন্তু এটা ব্যাবহার না করেও নতুন লাইন তৈরি করা যায়। <br> ট্যাগ দিয়ে আপনি নতুন লাইন তৈরি করতে পারবেন। আপনি চাইলে <p> ভিতরেও <br> ট্যাগ ব্যাবহার করতে পারেন।
[box type=”shadow” align=”” class=”” width=””]উদাহরণঃ
<p>This is<br>a paragraph<br>with line breaks.</p>
[button color=”green” size=”big” link=”https://www.hazabarolo.com/html-example/html-paragraphs-br.html” icon=”fa fa-code” target=”true” nofollow=”false”]নিজে চেষ্টা করুন[/button]
[/box]
