void element কি?
void আর বাংলা করলে দাঁড়ায়, “খালি,অব্যবহৃত,ফাঁকা স্থান”।সে হিসেবে void ইলিমেন্ট মানে যে ইলিমেন্টের ফাঁকা স্থান আছে বা তা অব্যবহৃত অবস্থায় আছে। আমরা দেখব সেটা কিভাবে সম্ভব।
আমরা আরেকবার ইলিমেন্টের গঠনটা দেখি,
<ট্যাগের নাম>কনটেন্ট</ট্যাগের নাম>তো এখন যদি ট্যাগের ভিতরে কোন কনটেন্ট না থাকে তাহলে তাকে আমরা কনটেন্ট ছাড়া ট্যাগ বলতে পারি।কি বল তোমরা??😄আর যে ট্যাগের কোন কনটেন্ট থাকবে না তার কনটেন্টের স্থান তো ফাঁকাই বা অব্যবহৃত অবস্থায় থাকবে?তাই না।কিন্তু আমরা যদি কোন ট্যাগের ভিতর কনটেন্ট না দেই তাহলে তো সেই ট্যাগ লেখার কোন দরকারই পরতেসে না।কারন, কনটেন্টকে উপস্থাপন করার জন্যই তো আমরা ট্যাগ ব্যাবহার করি, যে এই লেখা তা বোল্ড হবে এটা টাইটেল হবে।তাই জাতির প্রশ্ন, কনটেন্ট ছাড়া ট্যাগ লেখার দরকারি নাই, আর কনটেন্ট ছাড়া তো তাকে ইলিমেন্টও বলা যায় না, কারন ইলিমেন্টের গঠনেই কনটেন্ট আছে?! 🤨তাই না!!! আপনে কি আমাগোর সাথে মস্করা করতেসেন ভাই!!!🤨🤨
এ কেমন কথা!!মস্করা কেনু করমু😂😂।আচ্ছা,তাহলে আমরা মূল কথাই ফিরি।কিছুকিছু ট্যাগ আছে যেগুলার শুধু ওপেনিং ট্যাগ আছে!!!কোন ক্লজিং ট্যাগ নাইক্কা!!এইডা কি কইন ভাই?আচ্ছা আচ্ছা আমি আগে ক্লিয়ার করি…😀
চলো আমরা একটা ছবি যোগ করি আমাদের html পেইজে।এসব কইতে ভালা লাগতেসে না।😛না ভাই, আগে আপনি void না foid কি বলে ঐ ইলিমেন্ট ক্লিলিয়ার করইন।আহা, ভাইডি foid না “v o i d” ইলিমেন্ট।আমি বলতেসি, সবুর কর।এতও উতলা হইলে কেমনে কিহ😉!!আগে ছবি যোগ করি চলো।আগের html ফাইল তা ওপেন করে নিচের কোড তা লিখে ফেল…😜
<html>
<head>
<title>আমার প্রথম এইচটিএমএল পেইজ</title>
</head>
<body>
<h1>হ্যালো</h1>
<p>আমরা এইচটিএমএল শিখতেসি</p>
<img src="https://snnafi.com/snnafi/snnafi.png">
</body>
</html>ভাই তাইলে এটাই কি void ইলিমেন্ট!!হু ভাই!এখানে, এর কোন ক্লজিং ট্যাগ নাই।😋
=ভাউউউ!!!🤨
>কিইইতা!!😟
আমরা তো জানি ওপেনিং ট্যাগে খালি ট্যাগের নাম থাকে, তাইলে src=”https://snnafi.com/snnafi/snnafi.png” এটা কি!! 😟ট্যাগের ভিতরে স্পেস আবার এত্ত কিছু লেখাহ!!😕
আচ্ছা আচ্ছা, সবুর কর,আমরা এই নিয়া তো কথা বলব পরে।আপাতত, এইটা সেভ করে ব্রাউজারে দেখো।
উপরের মত আসছে না?ভালো😎।…কি ছবি আসে নাই?তাইলে আবার কোড তা ভালো করে দেখো কিভুল
করসো খুঁজে বের করে ফেলো।☹️
=ভাই, সব void ইলিমেন্টেই কি এমন লেখা লেখন লাগে ট্যাগের ভিতর?
>আরে না!!😅আপাতত এই চিন্তা বাদ দেও…আমরা এই নিয়া সামনে কথা বলব!আর <br> এটাও একটা void ইলিমেন্ট।এটার ভিতর কিন্তু কোন হাবিজাবি লেখা নাই।আর তোমরা নিশ্চয়ই বোঝতে পারসো <img> void ইলিমেন্ট ওয়েবসাইটে ছবি যোগ করার জন্য ব্যাবহার করা হয়।আমরা এটা নিয়াও সামনে কথা বলব।আজকে আমরা void ইলিমেন্ট নিয়া কথা বলতেসি।আচ্ছা?
আচ্ছা <br> ট্যাগ লেখার মাঝে নতুন লাইন তৈরি করে।যেমন ধরো,
“<p>আমি বাংলা ভাষায় কথা বলি আমি বাঙালি</p>” এটার মাঝে <br> ট্যাগ দিলে……
<p>বাংলা ভাষায় কথা বলি <br> আমি বাঙালি</p> এটার আউটপুট হবে…
বাংলা ভাষায় কথা বলি আমি বাঙালি
মানে, একটা নতুন লাইনে <br> ট্যাগের পরের লেখা গুলো চলে আসবে।অনেকটা “Enter” বাটন চাপার মত।
আবার, কোন পেইজের কোন জায়গায় লম্বআআআআ টান দেয়ার জন্যও <hr> void ইলিমেন্ট ব্যাবহার করতে পারি আমরা যেমনঃ <hr> ট্যাগ ব্যাবহার করলে নিচের মত আসবে…
তোমরা অনেকে হয়তো “container tag” বা “empty tag” সম্বন্ধে শুনে থাকবে।(না শুনলে আর ভালা, আমি বলতেসি শুনো😃)আশা করি তোমরা অনেকটা বোঝে গেছো এটা কি হতে পারে…
contain মানে কোন কিছু ধারন করা।তেমনি, যেসব ট্যাগের ওপেনিং ও ক্লজিং ট্যাগ থাকে সেগুলা কনটেন্ট ধারন করতে পারে।তাই তাদেরকে অন্য ভাষায় কনটেইনার ট্যাগ বলে।আর যেহেতু, void ইলিমেন্ট গুলো কোন কনটেন্ট ধারন করে না, তাই এদেরকে ইম্পটি ট্যাগ বলে।
আশা করি,আমরা void ইলিমেন্ট , কনটেইনার ট্যাগ, ইম্পটি ট্যাগ সম্পর্কে বোঝতে পারসি😎।তোমাকে অভিনন্দন😋।
কোন সমস্যা থাকলে কমেন্ট বক্স তো আছেই😃
0 Comments