আসসালামু আলাইকুম ।
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 />

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

সকল প্রকার টিপস পেতে আমার সাইটে ভিজিট করুন ।
LikerBD.Top

20 thoughts on "আসুন HTML শিখি একদম শুরু থেকে [পর্ব -4] By~RtRaselBD"

  1. Avatar photo awal Contributor says:
    (আমি Labib (trickbd.com/author/muhiuddin) )
    ((অন্যের আইডি থেকে কমেন্ট করছি))
    ***★ ADMIN কে দেখার অনুরোধ করছি ★***

    আমি রানা ভাইয়ের নামে এক ফেক আইডির পাল্লায় পড়ে আমার Author ID টা হারাইছি। (হ্যাক হয়ে গেছে)
    এখন এডমিনদের কে রিকোয়েস্ট করতেছি যে আমার আইডিটা যদি ফিরিয়ে দিতেন তবে উপকৃত হতাম। অনেক পোষ্ট করার ইচ্ছা ছিল। কোরআন শরিফের সব সূরা ধারাবাকি পোষ্ট করতেছিলাম আর কিনা শুরু করতেই শেষ!

    ***_★★ দয়া করে আমার আইডিটা যদি ফিরিয়ে দিতেন তা হলে অনেক উপকৃত হতাম (@Admin, Editor, Modaretor)
    Email- labib1357222@gmail .com _***★★
    ( © সকল প্রমাণ সংরক্ষিত)

    1. Avatar photo Saimon Author says:
      তোমার মাথায় কিঞ্চিত পরিমাণ বুদ্ধি থাকলে তুমি ফেক আইডি এর পাল্লায় যেতে না
    2. Avatar photo awal Contributor says:
      আমিত আর জানিনা যে কোনটা ফেক আর কোনটা রিয়ের (নতুন Author হয়েছি মাত্র)
      তবেও কিছু বোঝতে পেরে পাসওয়ার্ড চেইঞ্জ করতেছিলাম but, MB ছিল না!
      আর যেভাবে আমাকে বলেছে ও নির্দেশ দিয়েছে পুরোই মনে হয়েছে রানা ভাই।
      আপনাকে যদি টেকটিউনসেরর এডমিন বলে “আপনাকে Editor করা হবে” তা হলে আপনার কেমন…?

      যাইহোক, হ্যাক ত আর হয়েগেছে। এডমিন, মোডারেটর কে মেইল করেছি *রিপলে পাইনি*
      সবাই দোয়া করবেন যাতে আমার আইডিটা ফিরে পাই। আর সে নাম চ্যাঞ্জ করেছে (new – Sabbir)।

    3. Avatar photo Labib Author says:
      আইডি পাইছি
    4. Avatar photo Shadin Lover Contributor says:
      আপনাকে এডিটর বানানোর লোভ দিলো অপ্নি খুশিতে বাকবাকুম হয়ে কুয়ায় ঝাপ দিলেন।
      বাহ বাহ।
      লোভে পাপ পাপে মৃত্যু।জাই হোক এখন আশা করি আডমিন ভিশয়টি দেখবেন
    5. Avatar photo awal Contributor says:
      আমিত আর জানিনা যে কোনটা ফেক আর কোনটা রিয়ের (নতুন Author হয়েছি মাত্র)
      তবেও কিছু বোঝতে পেরে পাসওয়ার্ড চেইঞ্জ করতেছিলাম but, MB ছিল না!
      আর যেভাবে আমাকে বলেছে ও নির্দেশ দিয়েছে পুরোই মনে হয়েছে রানা ভাই।
      আপনাকে যদি টেকটিউনসেরর এডমিন বলে “আপনাকে Editor করা হবে” তা হলে আপনার কেমন…?

      যাইহোক, হ্যাক ত আর হয়েগেছে। এডমিন, মোডারেটর কে মেইল করেছি *রিপলে পাইনি*
      সবাই দোয়া করবেন যাতে আমার আইডিটা ফিরে পাই। আর সে নাম চ্যাঞ্জ করেছে (new – Sabbir)।

    6. Avatar photo Labib Author says:
      ID পাইছি
    7. . Contributor says:
      কথায় আছে না, লোভে পাপ পাপে মৃত্যু। আপনি বেশি লোভ করে ফাঁদে ঝাঁপ দিলেন। এজন্য আপনার এই দশা।
    8. Avatar photo awal Contributor says:
      আমিত আর জানিনা যে কোনটা ফেক আর কোনটা রিয়ের (নতুন Author হয়েছি মাত্র)
      তবেও কিছু বোঝতে পেরে পাসওয়ার্ড চেইঞ্জ করতেছিলাম but, MB ছিল না!
      আর যেভাবে আমাকে বলেছে ও নির্দেশ দিয়েছে পুরোই মনে হয়েছে রানা ভাই।
      আপনাকে যদি টেকটিউনসেরর এডমিন বলে “আপনাকে Editor করা হবে” তা হলে আপনার কেমন…?

      যাইহোক, হ্যাক ত আর হয়েগেছে। এডমিন, মোডারেটর কে মেইল করেছি *রিপলে পাইনি*
      সবাই দোয়া করবেন যাতে আমার আইডিটা ফিরে পাই। আর সে নাম চ্যাঞ্জ করেছে (new – Sabbir)।

    9. Avatar photo Labib Author says:
      পাইছি ID 😀
    10. . Contributor says:
      আপনি ঐ লোকটার সাথে বেইমানি করেছেন। ঐ লোকটা আমাকে বলছে। আপনারা নাকি দুজনে মিলে_____________
    11. Avatar photo Labib Author says:
      বেইমানি? আমার আইডি হ্যাক করেছেত করেছে সাথে কন্ট্রিউবেটর বানিয়ে ছাড়ছে। রাগে পাসওয়ার্ড চ্যাঞ্জ করেছি।
      আর আপনি বলতেছেন বেইমানি?
    12. . Contributor says:
      হাই,,, [অক্সিজেনের পরিমান ২গুণ] যদি হয় তবে? (মজা..???) এই পোস্টে ২টা কমেন্ট করছি দেখেন?
  2. Avatar photo trakar Contributor says:
    trickbd official fb page naki hack hoisilo??
  3. Avatar photo RtRaselBD Author Post Creator says:
    কি শুরু করছেন ?
  4. . Contributor says:
    Rasel Vai চালিয়ে যান।
    1. Avatar photo RtRaselBD Author Post Creator says:
      ধন্যবাদ ভাই ।
    2. . Contributor says:
      স্বাগতম
  5. Alid Contributor says:
    VhaI apni r HTML niye post koran na kano…?
    1. Avatar photo RtRaselBD Author Post Creator says:
      S.S.C Exam diteci tai. exam er por post dibo.

Leave a Reply