আসসালামু আলাইকুম ।
Html এর ৪র্থ পর্বে আপনাদের স্বাগতম ।
বিঃদ্রঃ ট্রিকবিডিতে কোড দেখা যায়না তাই কোড এর ভিতর [ > ] এর পরিবর্তে [ ) ]এবং [ < ] এর পরিবর্তে [ ( ] ব্যাবহার করা হয়েছে ।

এর আগে এইচটিএমএল
ট্যাগ নিয়ে আলোচনা
করলাম।
আজ HTML এলিমেন্ট নিয়ে আলোচনা করবো ।

তো চলুন শুরু করি ।

আপনারা এখান থেকে আপনাদের যেকোনো HTML Code টেষ্ট করতে পারেন ।

একটা start tag
[যেমন (div) এবং end tag
যেমন (/div)] এর মাঝে
যা থাকে তা সহ পুরোটি
একটা এলিমেন্ট।
একটা এলিমেন্টের
ভিতর ট্যাগের মতই
এক বা একাধিক
এলিমেন্ট থাকতে পারে
বা থাকে (এটাকে nested
এলিমেন্ট বলে)।

নিচের উদাহরনটি
দেখুন

(!DOCTYPE html)(html)(head)(/head)(body)(h1)Tipsjanbd demo<br /><br />
heading(/h1)(p)demo content goes<br /><br />
here.(/p)(/body)(/html)

এখানে (html) (/html) এর
ভিতর যত কিছু আছে
সব নিয়ে এটা একটা
html এলিমেন্ট । এরুপ body
একটা এলিমেন্ট।
একইভাবে বাকিগুলিও
এক একটি এলিমেন্ট।
এলিমেন্টের ভিতর
এলিমেন্ট থাকতে পারে ।
আবার যেমন (h1)(/h1)
এর ভিতর কোন
এলিমেন্ট নেই, যে
লেখাটি আছে সেটি
হচ্ছে এর কনটেন্ট।

উপরের উহরনটিতে মোট
৫টি এলিমেন্ট আছে
html এলিমেন্ট, head
এলিমেন্ট, body, h1 এবং
p এলিমেন্ট।
body
হচ্ছে প্যারেন্ট এবং
এর চাইল্ড হচ্ছে h1 ও
p এলিমেন্ট। যে
এলিমেন্টের ভিতর
অন্য এলিমেন্ট থাকে
সেটা হচ্ছে প্যারেন্ট
এবং ভিতরের গুলি
চাইল্ড এলিমেন্ট।
আর হ্যা ট্যাগগুলির শব্দগুলি অবশ্যই
ছোটহাতের অক্ষরে
লিখতে হবে, যেমন
(body) এভাবে না দিয়ে
(BODY) এভাবে দিলে
এটা ভুল হবে।
সাথে সাথে end tag টিও
দিতে হবে নাহলে একই
ভুল হবে।
যত এলিমেন্ট লেখি
না কেন সব body
এলিমেন্টের ভিতরই
লিখতে হবে, বাকি
এলিমেন্ট যেমন head
ইত্যাদির ভিতর শুধু
নির্দিষ্ট কিছু
এলিমেন্ট লেখা যায়।
ব্রাউজারে শুধু
ঐটুকুরই আউটপুট
আসে যেটা body
এলিমেন্টের ভিতর
থাকে।

ব্লক লেভেল এবং
ইনলাইন এলিমেন্ট

ব্লকলেভেল এলিমেন্ট
: যে এলিমেন্টগুলি বাই
ডিফল্ট তার ডানে
বামে পুরো জায়গা দখল
করে থাকে সেগুলিকে

ব্লক লেভেল
এলিমেন্ট বলে।
অন্যভাবে বলা যায় যে,
যে এলিমেন্টগুলি শুরু
হয় নতুন লাইনে (যখন
ব্রাউজারে প্রদর্শন
করবে) সেগুলি ব্লক
লেভেল এলিমেন্ট।
div, p, h1, ul, li ইত্যাদি
ব্লকলেভেল
এলিমেন্ট।

ইনলাইন এলিমেন্ট :
যে এলিমেন্টগুলির
কারনে নতুন লাইন শুরু
হয়না সেগুলি ইনলাইন
এলিমেন্ট।
a, i, b, span, strong
ইত্যাদি ইনলাইন
এলিমেন্ট।

এটার একটা উদাহরণ দেখুন ।

<br /><br />
(h1)I am a block level<br /><br />
element(/h1)<br /><br />
(p)I am block level element<br /><br />
too(/p)<br /><br />
(strong)I am inline<br /><br />
element(/strong)<br /><br />
(a href="http://<br /><br />
www.tipsjanbd.com")Tipsjanbd is<br /><br />
a inline element(/a)<br /><br />

আজ আর বেশি লিখবো না ।সবাইকে ধন্যবাদ ।