Jassif Team Institution

HTML Block and Inline Elements

প্রতিটি HTML এলিমেন্টের একটি ডিফল্ট ডিসপ্লে মান থাকে, এলিমেন্ট কি ধরনের তার উপর নির্ভর করে।

দুটি সর্বাধিক সাধারণ প্রদর্শন মান হল ভলিউম এবং ইনলাইন।

ব্লক-স্তরের উপাদান

একটি ব্লক-স্তরের উপাদান সর্বদা একটি নতুন লাইনে শুরু হয় এবং ব্রাউজারগুলি স্বয়ংক্রিয়ভাবে উপাদানের আগে এবং পরে কিছু স্থান (একটি মার্জিন) যোগ করে।

একটি ব্লক-স্তরের উপাদান সর্বদা সম্পূর্ণ উপলব্ধ প্রস্থ গ্রহণ করে (যতটা সম্ভব বাম এবং ডান দিকে প্রসারিত করে)।

দুটি সাধারণভাবে ব্যবহৃত ব্লক উপাদান হল:<p>এবং<div>.

<p>উপাদান একটি HTML নথিতে একটি অনুচ্ছেদ সংজ্ঞায়িত করে।

<div>একটি উপাদান একটি HTML নথিতে একটি বিভাগ বা বিভাগকে সংজ্ঞায়িত করে।

<p>উপাদান একটি ব্লক-স্তরের উপাদান।

<div>উপাদান একটি ব্লক-স্তরের উপাদান।

<p>Hello World</p>
<div>Hello World</div>

এখানে HTML-এ ব্লক-স্তরের উপাদান রয়েছে:

অভ্যন্তরীণ লাইন উপাদান

একটি ইনলাইন উপাদান একটি নতুন লাইন শুরু হয় না.

একটি ইনলাইন উপাদান শুধুমাত্র প্রয়োজনীয় প্রস্থ লাগে।

এটি একটি অনুচ্ছেদের মধ্যে একটি<span>অঙ্গ

<span>Hello World</span>

এখানে HTML এ ইনলাইন উপাদান আছে:

ভলিউম বনাম অভ্যন্তরীণ লাইন

<div>অঙ্গ

<div>উপাদান প্রায়শই অন্যান্য HTML উপাদানগুলির জন্য একটি ধারক হিসাবে ব্যবহৃত হয়।

<div>উপাদানের কোন প্রয়োজনীয় বৈশিষ্ট্য নেই, তবে শৈলী, শ্রেণী এবং আইডি সাধারণ।

যখন CSS এর সাথে ব্যবহার করা হয়,<div>উপাদানটি সামগ্রী ব্লকগুলি সাজাতে ব্যবহার করা যেতে পারে:

<div style="background-color:black;color:white;padding:20px;">
  <h2>London</h2>
  <p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div>

পরের অধ্যায়ে<div>আপনি উপাদান সম্পর্কে আরো জানতে হবে.

<span>অঙ্গ

<span>একটি উপাদান হল একটি ইনলাইন ধারক যা পাঠ্যের একটি বিভাগ বা একটি নথির একটি অংশকে উপস্থাপন করতে ব্যবহৃত হয়।

<span>উপাদানের কোন প্রয়োজনীয় বৈশিষ্ট্য নেই, তবে শৈলী, শ্রেণী এবং আইডি সাধারণ।

যখন CSS এর সাথে ব্যবহার করা হয়,<span>উপাদানটি পাঠ্যের অংশগুলি সাজাতে ব্যবহার করা যেতে পারে:

<p>My mother has <span style="color:blue;font-weight:bold;">blue</span> eyes and my father has <span style="color:darkolivegreen;font-weight:bold;">dark green</span> eyes.</p>

অধ্যায়ের সারাংশ

• একটি ব্লক-স্তরের উপাদান সর্বদা একটি নতুন লাইনে শুরু হয় এবং সমস্ত উপলব্ধ প্রস্থ গ্রহণ করে
• একটি ইনলাইন উপাদান একটি নতুন লাইনে শুরু হয় না এবং শুধুমাত্র প্রয়োজনীয় প্রস্থ নেয়
• <div>উপাদান একটি ব্লক-স্তরের উপাদান এবং প্রায়ই অন্যান্য HTML উপাদানগুলির জন্য একটি ধারক হিসাবে ব্যবহৃত হয়
• <span>একটি উপাদান হল একটি ইনলাইন ধারক যা পাঠ্যের একটি বিভাগ বা একটি নথির একটি অংশকে উপস্থাপন করতে ব্যবহৃত হয়

অনুশীলন করুন

এইচটিএমএল ট্যাগ