The Structure of HTML

এইচটিএমএল -এর ব্যবহার শুরু করার আগে আপনার কাছে গুরুত্বপূর্ণ হল আগে এইচটিএমএল -এর কাঠামোটি বোঝা। যেহেতু এইচটিএমএল একটি মার্কআপ ভাষা তাই আপনার কন্টেন্টের বিভিন্ন অংশ চিহ্নিত করতে আপনি এটি ব্যবহার করবেন - অনেকটা হাইলাইটার ব্যবহার করার মতো।

এইচটিএমএল উপাদানসমূহ

এইচটিএমএল বিভিন্ন উপাদানের দ্বারা নির্মিত এবং এই উপাদানগুলিই আপনি মার্কআপ করতে ব্যবহার করবেন। নিচে একটি উদাহরণ রইল যা দেখে আপনি বুঝতে পারবেন কিভাবে একটি সাধারণ পাঠ্য-অনুচ্ছেদ মার্কআপ করা হয়।

<p>This paragraph is part of my content</p>

এখানে একটি বাক্য আছে ("This paragraph is part of my content") যা <p> এবং </p> এর মধ্যে রাখা হয়েছে। <p> এবং </p> কে ট্যাগ (tag) বলা হয়। প্রতিটি ট্যাগে একটি < , একটি সংক্ষিপ্তসার (abbreviation) এবং একটি > থাকে। এই ক্ষেত্রে, p হল paragraph -এর সংক্ষিপ্তসার। <p> এবং </p> এই দুটি ট্যাগকে একসাথে নিয়ে একটি উপাদান বা এলিমেন্ট তৈরি হয়। প্রতিটি এইচটিএমএল-উপাদান একটি ওপেনিং ট্যাগ দিয়ে শুরু হয় (এক্ষেত্রে, এটি হল <p>) এবং বেশিরভাগের একটি ক্লোজিং ট্যাগ থাকে (যা হল </p>)। ওপেনিং আর ক্লোজিং ট্যাগের ভিতরে আসল বিষয়বস্তু থাকে।

ফাঁকা উপাদানসমূহ

বেশিরভাগ এইচটিএমএল-উপাদানগুলি <p></p> মতো দেখায় তবে কিছু উপাদানকে আমরা ফাঁকা উপাদান বলে থাকি। লাইন-ব্রেক উপাদানটি হল এমনই একটি উপাদান এবং এটি দেখতে:

<br />

আপনি দেখতে পাচ্ছেন যে এখানে কোনও ক্লোজিং ট্যাগ বা বন্ধ ট্যাগ নেই এবং উপাদানটিতে কোনও বিষয়বস্তু নেই, তাই একে ফাঁকা উপাদান বা এম্পটি উপাদান বলা হয়। ফাঁকা উপাদানটির শেষে আপনাকে "/" ব্যবহার করতেই হবে এমনটি নয়, তবে এটি ব্যবহার করা ভালো হিসাবে বিবেচিত হয়, তাই আপনি এটি ব্যবহার করতেও পারেন। (যেমনটি আমি আগেই বলেছি, প্রতিটি ট্যাগে একটি সংক্ষিপ্তসার থাকে এবং এই ক্ষেত্রে br -র অর্থ break)।

টিপ!

যখন ব্রাউজারগুলি আপনার এইচটিএমএল ৫ ডকুমেন্টটি পড়ে তখন আপনি আপনার ট্যাগগুলি বড় হাতের অক্ষরে লিখেছেন না ছোট হাতের সে বিষয়ে তাদের কোন চিন্তা নেই। তবে অন্যান্য ডেভলপারদের থাকে! যদিও আপনি ঐ একই লাইনব্রেক-ট্যাগটি ভিন্ন ভিন্ন ভাবে লিখতে পারেন, যেমন:

<BR />
<bR />
<Br />
<br />

ট্যাগগুলিকে ছোট হাতের লেখা একটি ভালো প্র্যাকটিস হিসাবে বিবেচনা করা হয় - এতে আপনার ডকুমেন্টটি পড়তে সুবিধা হয়, এবং ট্যাগগুলি এভাবে লেখার জন্য আপনি একজন দক্ষ ডেভলপার হিসেবেও বিবেচিত হবেন।

আপনি যা শিখলেন

• একটি এইচটিএমএল উপাদান একটি ওপেনিং ট্যাগ বা খোলার ট্যাগ দিয়ে শুরু হয়
• একটি এইচটিএমএল উপাদান একটি ক্লোজিং ট্যাগ বা বন্ধ ট্যাগ দিয়ে শেষ হয়
• একটি এইচটিএমএল ট্যাগ < দিয়ে শুরু হয় এবং > দিয়ে শেষ হয়
• < এবং > এর মধ্যে যে লেখাটি থাকে সেটি আসলে একটি সংক্ষিপ্তসার
• শুরু আর শেষের ট্যাগের মাঝে আপনার উপাদানের বিষয়বস্তু থাকে
• কিছু এইচটিএমএল উপাদান ফাঁকা হয়
• ফাঁকা উপাদানগুলি শুরুর ট্যাগেতেই বন্ধ করা থাকে
• আপনার সমস্ত ট্যাগ ছোট হাতের টাইপ করার অভ্যাস করুন - এটি একটি ভাল অনুশীলন হিসাবে বিবেচিত হয়