ব্লক এবং ইনলাইন এলিমেন্টের মধ্যে পার্থক্য

2024 লেখক: Alex Aldridge | [email protected]. সর্বশেষ পরিবর্তিত: 2023-12-17 13:33

মূল পার্থক্য - ব্লক বনাম ইনলাইন উপাদান

HTML মানে হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ। এটি ওয়েব পেজ তৈরি করতে ব্যবহৃত হয়। প্রতিটি ওয়েব পেজ হাইপারলিঙ্ক ব্যবহার করে অন্যান্য ওয়েব পেজের সাথে সংযুক্ত থাকে। এই ভাষা ট্যাগ গঠিত. একটি ট্যাগ কোণ ধনুর্বন্ধনী মধ্যে আবদ্ধ করা হয়. সিনট্যাক্স অনুরূপ. বেশিরভাগ ট্যাগের একটি ক্লোজিং ট্যাগও থাকে। কখন একটি ট্যাগ হয়, ক্লোজিং ট্যাগ হয়। কিছু ট্যাগের ক্লোজিং ট্যাগ নেই। এই ধরনের ট্যাগের উদাহরণ হল

এবং

তারা অকার্যকর ট্যাগ হিসাবে পরিচিত। একটি HTML উপাদান হল HTML নথি বা ওয়েব পৃষ্ঠার একটি উপাদান যা ডকুমেন্ট অবজেক্ট মডেল (DOM) এ পার্স করা হয়েছে। DOM হল ওয়েব ব্রাউজারের মধ্যে একটি অভ্যন্তরীণ উপস্থাপনা। এটি গাছের কাঠামোর প্রতিটি নথির প্রতিনিধিত্ব করে। ব্রাউজারে, প্রদর্শনযোগ্য উপাদানগুলি একটি ব্লক উপাদান বা একটি ইনলাইন উপাদান হতে পারে। ব্লক উপাদান একটি আয়তক্ষেত্রাকার গঠন আছে. ইনলাইন উপাদানগুলি ব্লক উপাদানগুলিতে এম্বেড করা যেতে পারে। ব্লক এবং ইনলাইন উপাদানের মধ্যে মূল পার্থক্য হল যে ব্লক উপাদানগুলি উপলব্ধ সম্পূর্ণ প্রস্থ গ্রহণ করে যখন ইনলাইন উপাদানগুলি উপাদানগুলির বিষয়বস্তু প্রদর্শনের জন্য প্রয়োজনীয় প্রস্থ নেয়৷

ব্লক এলিমেন্ট কি?

ব্লক উপাদানগুলি উপলব্ধ সম্পূর্ণ প্রস্থ নেয়। এই উপাদানগুলি সর্বদা একটি নতুন লাইন দিয়ে শুরু হয়। ব্লক উপাদানের কিছু উদাহরণ নিম্নরূপ।

একটি অনুচ্ছেদ সংজ্ঞায়িত করতে ব্যবহৃত হয়। যেমন

এটি একটি অনুচ্ছেদ

হেডার সংজ্ঞায়িত করার জন্য ছয়টি ট্যাগ আছে। তারা হল

,

,

…

প্রোগ্রামার সেই অনুযায়ী হেডার ব্যবহার করতে পারে।

অর্ডারকৃত তালিকা দ্বারা সংজ্ঞায়িত করা হয়েছে

যখন ক্রমবিন্যস্ত তালিকাদ্বারা সংজ্ঞায়িত করা হয়

ওয়েব পৃষ্ঠা জুড়ে একটি অনুভূমিক রেখা প্রদর্শন করতে ব্যবহৃত হয়। The

একটি টেবিল বিন্যাসে ডেটা সাজাতে ব্যবহৃত হয়। প্রতিটি ওয়েব সাইটের জন্য, সাইটের দর্শকদের কাছ থেকে ডেটা সংগ্রহ করতে হবে। এইচটিএমএল ফর্ম ব্যবহারকারীর কাছ থেকে তথ্য পেতে ব্যবহার করা হয়. এটি একটি ব্লক স্তরের উপাদানও। এগুলি হল HTML-এ ব্লক উপাদানগুলির কিছু উদাহরণ৷

ইনলাইন উপাদান কি?

ইনলাইন উপাদান শুধুমাত্র প্রয়োজনীয় প্রস্থ নেয়। এই উপাদানগুলি একটি নতুন লাইন দিয়ে শুরু হয় না। ইনলাইন উপাদানের কিছু উদাহরণ নিম্নরূপ। এক পৃষ্ঠা থেকে অন্য পৃষ্ঠায় লিঙ্ক তৈরি করতে ব্যবহৃত হয়। হাইপারলিঙ্ক হল এইচটিএমএল এর অপরিহার্য উপাদানগুলির মধ্যে একটি।গন্তব্যে একটি লিঙ্ক তৈরি করতে এটি href বৈশিষ্ট্য ধারণ করতে পারে। যেমন গুগলে যান। টার্গেট অ্যাট্রিবিউট ফাঁকা। অতএব, নতুন নথিটি একটি নতুন উইন্ডোতে খুলবে। যদি টার্গেট অ্যাট্রিবিউট "_self" হয়, তাহলে লিঙ্ক করা ডকুমেন্ট একই উইন্ডোতে খুলবে।

চিত্র 01: ব্লক এবং ইনলাইন উপাদানের উদাহরণ

পাঠ্যের একটি অংশকে বোল্ড করতে ব্যবহৃত হয়। ট্যাগ টেক্সট তির্যক করা হয়. একটি ওয়েব পেজ উপস্থাপনযোগ্য হতে হবে। অতএব, যেকোনো ওয়েব পেজ একাধিক ছবি নিয়ে গঠিত। The

পৃষ্ঠায় একটি ছবি প্রদর্শন করতে ব্যবহৃত হয়। এই ট্যাগ দুটি বৈশিষ্ট্য প্রয়োজন. তারা src এবং alt. 'src' চিত্রটির অবস্থান বর্ণনা করে এবং ' alt' বর্ণনা করে চিত্রটি কী। যেমন. এগুলি ইনলাইন উপাদানগুলির কিছু উদাহরণ৷

ব্লক এবং ইনলাইন এলিমেন্টের মধ্যে মিল কী?

ব্লক এবং ইনলাইন উপাদানগুলি HTML-এ কন্টেইনার হিসাবে ব্যবহার করা হয়৷

ব্লক এবং ইনলাইন এলিমেন্টের মধ্যে পার্থক্য কী?

ব্লক বনাম ইনলাইন উপাদান
ব্লক উপাদানগুলি হল এমন উপাদান যা মূল উপাদানটির পুরো প্রস্থকে বিস্তৃত করবে এবং অন্য কোনও উপাদানকে এটির উপর রাখা অনুভূমিক স্থান দখল করার অনুমতি দেবে না৷	ইনলাইন উপাদানগুলি হল এমন উপাদান যা সরাসরি বডি এলিমেন্টের ভিতরে স্থাপন করা যায় না এবং যেগুলি ব্লক এলিমেন্টের মধ্যে থাকে৷
নতুন লাইন
ব্লক উপাদান একটি নতুন লাইন দিয়ে শুরু হয়।	ইনলাইন উপাদানগুলি একটি নতুন লাইন দিয়ে শুরু হয় না৷
প্রয়োজনীয় স্থান
ব্লক উপাদানগুলি সমস্ত প্রস্থ নেয়৷	ইনলাইন উপাদান শুধুমাত্র প্রয়োজনীয় প্রস্থ গ্রহণ করবে।

সারাংশ – ব্লক বনাম ইনলাইন উপাদান

HTML মানে হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ। এটি ট্যাগ সমন্বিত একটি ভাষা। প্রতিটি ট্যাগের একটি নির্দিষ্ট কাজ থাকে এবং ওয়েব পৃষ্ঠাকে কীভাবে গঠন করতে হয় তা সংজ্ঞায়িত করে। কিছু ট্যাগের প্রারম্ভিক ট্যাগ এবং শেষ ট্যাগ থাকে। কিছু ট্যাগের শেষ ট্যাগ নেই। এগুলোকে ভয়েড ট্যাগ বলা হয়। পার্সিং হল সিনট্যাক্স বিশ্লেষণের প্রক্রিয়া। পার্সিং ধাপের পরে, এই ট্যাগগুলি উপাদান হয়ে যায়। উপাদানগুলি ব্লক-স্তরের উপাদান বা ইনলাইন উপাদান হতে পারে। ব্লক এবং ইনলাইন উপাদানগুলির মধ্যে পার্থক্য হল যে ব্লক উপাদানগুলি উপলব্ধ সম্পূর্ণ প্রস্থ গ্রহণ করে যখন ইনলাইন উপাদানগুলি উপাদানগুলির বিষয়বস্তু প্রদর্শনের জন্য প্রয়োজনীয় প্রস্থ নেয়৷

ব্লক বনাম ইনলাইন উপাদানের PDF সংস্করণ ডাউনলোড করুন

আপনি এই নিবন্ধটির পিডিএফ সংস্করণ ডাউনলোড করতে পারেন এবং উদ্ধৃতি নোট অনুসারে অফলাইন উদ্দেশ্যে এটি ব্যবহার করতে পারেন। অনুগ্রহ করে এখানে PDF সংস্করণ ডাউনলোড করুন: ব্লক এবং ইনলাইন উপাদানের মধ্যে পার্থক্য