Element কি? আবার Tag ই বা কি জিনিস??? এগুলা দিয়া কি করে??
এইগুলা দিয়ে html লিখা হয়😂।তোমরা নিশ্চয়ই আগের পোস্টে তা দেখসো।আচ্ছা, আমরা আবার কোডটা লিখি……
<html>
<head>
<title>আমার প্রথম এইচটিএমএল পেইজ</title>
</head>
<body>
<h1>হ্যালো</h1>
<p>আমরা এইচটিএমএল শিখতেসি</p>
</body>
</html>
আর এখানে আমরা নিশ্চয়ই কিছু বিশেষ লেখা দেখতে পাচ্ছি,যেমনঃ <html> ,<head> , <body>, </h1>, </html>।
এগুলাকে ট্যাগ বলে।এখানে আমরা দুই ধরনের ট্যাগ দেখতে পাচ্ছি।যেমন ধরো, <h1> ,</h1> দুইটার মধ্যে তফাৎ হল,একটাতে / নেই, আরেকটাতে আছে।এখন যেটাতে / নেই বা <h1> , এটা হল ওপেনিং ট্যাগ আর অন্যটা ক্লজিং ট্যাগ।
উপরের কোডে আমরা দেখতে পাচ্ছি,<h1> লিখে আরম্ভ করা হয়েছে।আবার, হ্যালো লেখার পর </h1> শেষে লেখা আছে।ফলে সহজেই বলতে পারা যায় <h1> শুরুতে বসে বা এটা ওপেনিং ট্যাগ আর </h1> শেষে বসে বা এটা ক্লজিং ট্যাগ।
ট্যাগের গঠন তাইলে হলঃ
<ট্যাগের নাম> (ওপেনিং ট্যাগ)</ট্যাগের নাম> (ক্লজিং ট্যাগ)আশা করি, ট্যাগ আমরা বোঝে গেছি।চলো এখন ইলিমেন্ট নিয়া কেচ্ছা ধরি।😄
এখানে, <h1>হ্যালো</h1> তে দেখা যাচ্ছে, একটা ট্যাগের ওপেনিং এবং ক্লজিং ট্যাগ আছে।আবার এদের ভিতরে “হ্যালো” লেখা আছে।এটা হল কনটেন্ট, যা আমরা ব্রাউজারে দেখতে চাই… ঠিক না?😃
তো, এই কনটেন্টসহ সম্পূর্ণ ট্যাগকে ইলিমেন্ট বলে।তাই নাকি!!🤔 তার মানে “<h1>হ্যালো</h1>” এই সবটাই একটা ইলিমেন্ট।🤭ফলে,ইলিমেন্ট এর গঠন হলঃ
<ট্যাগের নাম>কনটেন্ট</ট্যাগের নাম>এখন চলো, আমরা আমাদের বানানো এইচটিএমএল কোডটার অপারেশান কইরা দেখি কি আছে এটার ভিতর!!✍
<html>
<head>
<title>আমার প্রথম এইচটিএমএল পেইজ</title>
</head>
<body>
<h1>হ্যালো</h1>
<p>আমরা এইচটিএমএল শিখতেসি</p>
</body>
</html>আমরা কোডটা ভালো করে লক্ষ্য করলে দেখতে পাব, শুরুতেই <html> লেখা আছে।আবার সবার শেষে এটার ক্লজিং ট্যাগ </html> লেখা।তাইলে বোঝা যায়, html এ আমরা যাই লেখি না কেন সব কিছু html ইলিমেন্টের ভিতর থাকবে।আবার, দেখা যায়, html এর দুইটা অংশ,একটা head ইলিমেন্ট, অন্যটা body ইলিমেন্ট।আচ্ছা আবার আসল কথা বলি😉,একটা সুস্থ-সবল html পেইজ এ html ইলিমেন্টের ভিতর সব কিছু থাকবে, আবার, এটি দুইটা অংশে ভাগ করা থাকবে, একটা head ইলিমেন্ট, অন্যটা body ইলিমেন্ট।যত্ত বড়ই হোক না, বা যত বড় ডেভেলপারই লিখুক না এই বৈশিষ্ট্য সব html পেইজে থাকবেই।এটাই হল html এর মূল গঠন।তাহলে,
<html>
<head></head>
<body></body>
</html>html এর মূল গঠন।সুন্দর না!😂কইসে এইটা আবার সুন্দরের কি হল…🤣🤣
আচ্ছা, আরেকটু ভালোভাবে লক্ষ্য করলে দেখা যায়,head ইলিমেন্টের ভিতর title ইলিমেন্ট আছে,যার ভিতরে লেখা আছে, “আমার প্রথম এইচটিএমএল পেইজ”।আচ্ছা আমরা আরেকবার ব্রাউজারে সবটা পেইজ দেখি………যত ইচ্ছা ততবার দেখুম কি বল😋
উপরের ব্রাউজারের টাইটেল বারে “আমার প্রথম এইচটিএমএল পেইজ” লেখাটা আসতেছে।তার মানে, title ইলিমেন্ট দ্বারা ওয়েবপেজের টাইটেল লেখা হয়! হুম ভাই। তুমি টিকি বোঝতে পারসো।😎
head ইলিমেন্টের এই title ইলিমেন্টই কেবল ব্রাউজারে দেখায়।এই head ইলিমেন্টের অন্য কিছু ব্রাউজার দেখায় না।তাহলে, আমরা যা দেখি এগুলা কই থাকে?????কই???কন জায়গায় থাকে??😟😟
body ইলিমেন্টের ভিতর থাকে ভাইডি!!!🤪
আমরা কিন্তু অন্য সব কিছু body ইলিমেন্টের ভিতরেই লেখসি তাই না???হুম!!
তার মানে, আমরা অনেকটাই বোঝতে পারসি।তো, আমরা শিখলাম যে, কোন html পেইজে html ইলিমেন্টের ভিতর সব কিছু থাকে।html ইলিমেন্টের কনটেন্ট আবার head ইলিমেন্ট ও body ইলিমেন্ট এই দুই ভাগ্য বিভক্ত।আর, head ইলিমেন্টের ভিতর title ইলিমেন্ট থাকে যা কেবল ব্রাউজারের টাইটেল বারে দেখানো হয়।আর কোন কিছু head ইলিমেন্টের ব্রাউজার দেখায় না।আর যা কিছু তার সবকিছুই body ইলিমেন্টে থাকে।হুহ!!!!
আজ তাইলে এই লাগাতই থাক কি বল তোমরা…😁
=ওই ভাউ!!🤨কই যান??
>কেন ভাই কি হইসে??😟
=একটা প্রশ্ন ছিল?
>বল ভাই??😊
=head ইলিমেন্টের কাজ কি তাইলে শুধু টাইটেল বার দেখানোর জন্য titel ইলিমেন্ট হোল্ড করাই???😟
>আরে, না ভাই…😅
=আর আর অনেক অনেক কাজ আছে।আমরা পরবর্তীতে এই সব নিয়া বিস্তারিত কথা বলব।সবুর কর ভাইডি আমার!😃তবে একটা কথা বলি শুনো, কোন জীবের ক্ষেত্রে যেমন মাথা তার কাজের নানা দিক নির্দেশনা দেয় তেমনি একটা html পেইজের নানা দিক-নির্দেশনা head ইলিমেন্টে থাকে।এসব আর গভীর জিনিস।আমরা এই নিয়া সামনে কথা বলব।অকা😉
গেলাম তাইলে আজ🤪
1 Comment
Сialis · February 5, 2019 at 7:49 pm
This is my first time pay a visit at here and i am actually pleassant to
read all at one place.