HTMLElements
What are block-level and inline elements?
Block-level এবং inline element-এর বৈশিষ্ট্য ও উদাহরণ।
HTML element-গুলো মূলত দুই ধরনের — block-level এবং inline।
Block-level element ব্রাউজারে নতুন লাইন থেকে শুরু হয় এবং পারিপার্শ্বিকের পুরো প্রস্থ নেয়। যেমন <div>, <p>, <h1> থেকে <h6>, <section>, <ul>। এক block element-এর পর আরেকটি block element নতুন লাইনে বসে।
Inline element নিজের কনটেন্টের শুধু প্রয়োজনীয় জায়গা নেয় এবং একই লাইনের ভেতরে থাকে। যেমন <span>, <a>, <strong>, <em>, <code>। inline element-কে block element-এর ভেতরে রাখা স্বাভাবিক, কিন্তু উল্টোটাই নিয়ম ভাঙা।
উদাহরণhtml
html
<div>Block element</div>
<p>এটি একটি <span style="color: red;">inline span</span> সহ paragraph</p>মনে রাখুন
লেআউট তৈরিতে block element, আর ছোট বিট কনটেন্টের স্টাইলিংয়ে inline element ব্যবহার করুন।
শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।