HTML Element কি?
আমরা সবাই জানি Element মানে হলো উপাদান। অর্থাৎ কোন কিছুর মৌলিক অংশ। তাহলে HTML এর ক্ষত্রে Element হলো HTML এর মৌলিক অংশ। কিন্তু কি সেই Element?আমরা আগেই জেনেছি যে HTML হলো একটি Markup Language. অর্থাৎ কিছু নির্দিষ্ট Markup tag এর মাধ্যমে এই Language দিয়ে HTML লেখা হয়। বস্তুত এই Tag এবং Tag এর মাঝের সম্পূর্ণ অংশকেই HTML Element বলে।
অন্য কথায় বলতে গেলে, HTML এ একটি Content সহ Start/Opening tag থেকে End/Closing tag প্রর্যন্ত যা কিছু থাকে তাকেই HTML Element বলে।
নিচের উদাহরন টি লক্ষ্য করুনঃ
<p>This line is an ELEMENT</p>
উপরের উদাহরনে লাল রঙের অংশটি অর্থাৎ একটি tag এবং নিল রঙের অংশটি অর্থাৎ হলো এই tag এর content. আর এই সম্পূর্ণ অংশটি হলো একটি Element।
- উপরের আলোছনা থেকে আমরা দেখতে পাইঃ
- একটি HTML Element এর শুরুতে Opening/Start tag এবং শেষে Closing/End tag থাকে।
- দুই Tag এর মধ্যবর্তী অংশকে Element Content বলে।
- কোন কোন Tag এর Element Content নাও থাকতে পারে। এদের কে Start tag এর মধ্যেই close করা হয়। নিচের উদাহরন টি লক্ষ্য করুনঃ
<br/>
এখানে <br/> এমন একটি Tag যার কোন Element content নেই। এটি ব্যবহার করা হয় কোন একটা লাইন break করে নতুন লাইন শুরু করতে। এ সম্পর্কে HTML Paragraphs বিস্তারিত আলোচনা আছে।
Nested HTML Element
আমরা যে কোন HTML Element কেই অন্য HTML Element এর Content হিসেবে ব্যবহার করতে পারি। অর্থাৎ একটি HTML Element মধ্যে অন্য HTML Element কে রখতে পারি। প্রায় সব HTML Element এর ক্ষেত্রেই এটি সম্ভব। এভাবে লেখা HTML Element কে Nested HTML Element বলে। নীচের উদাহন টি দেখুনঃ<!--DOCTYPE--> <html> | | <head> | | <title> Page title </title> | <head> | | | <body> | | <p>This is a paragraph</p> | </body> | </html>
উপরের উদাহরনে <p> element এর content হলো "This is a paragraph". এই element টি <body> tag এর মধ্যে অবস্থিত। অর্থাৎ <p> এমন একটি element যার content হলো "This is a paragraph" এবং <body> এমন একটি element যার content হলো <p>। অর্থাৎ এই ক্ষেত্রে <body> নিজেও একটি element.একিভাবে <title> element টি <head> tag এর content এবং <head> নিজেও একটি element. আবার <head> ও <body> উভয় element-ই <html> এর content.
একটি element কে অন্য একটি element এর মধ্যে রেখে এভাবে HTML কোড লেখার পদ্ধতিকেই Nested HTML Element.
একটি element কে অন্য একটি element এর মধ্যে রেখে এভাবে HTML কোড লেখার পদ্ধতিকেই Nested HTML Element.
HTML পর্বের আগের পোস্ট সমূহ-
>> HTML পর্ব-১ : পরিচয়
>> HTML পর্ব-২ : STRUCTURE
No comments:
Post a Comment