ওয়েব ডিজাইন, কোন শিল্প বা পেশা মত, একটি ভাষা আছে সব নিজস্ব। আপনি যখন শিল্পটি প্রবেশ করেন এবং আপনার সহকর্মীদের সাথে কথা বলতে শুরু করেন, তখন আপনি নিঃসন্দেহে আপনার কাছে নতুন এমন পদ এবং বাক্যাংশগুলির ঝগড়া চালান যা আপনার সহকর্মী ওয়েব পেশাদারদের ভাষাগুলিকে প্রবাহিত করে। দুটি শব্দ আপনি শুনতে পাবেন এইচটিএমএল "ট্যাগ" এবং "উপাদান।"
আপনি এই দুই শব্দ কথ্য শুনতে হিসাবে, আপনি বুঝতে পারেন যে তারা কিছুটা বিনিময়ে ব্যবহার করা হচ্ছে। এভাবে, এইচটিএমএল কোড দিয়ে কাজ শুরু করার সময় অনেক নতুন ওয়েব পেশাদারদের একটি প্রশ্ন "এইচটিএমএল ট্যাগ এবং এইচটিএমএল এলিমেন্টের মধ্যে পার্থক্য কী?"
এই দুই পদ মানে অর্থপূর্ণ হলেও, তারা সত্যিই প্রতিশব্দ হয় না। সুতরাং এই দুটি পদ সঙ্গে মিল কি? সংক্ষিপ্ত উত্তরটি হল ট্যাগ এবং উপাদান উভয় HTML লিখতে ব্যবহৃত মার্কআপটি উল্লেখ করে। উদাহরণস্বরূপ, আপনি বলতে পারেন যে আপনি ব্যবহার করছেন
ট্যাগ তৈরি করতে একটি অনুচ্ছেদ বা উপাদান সংজ্ঞায়িত ট্যাগ। অনেকেই ট্যাগ এবং উপাদানগুলির বিনিময়ে শব্দগুলি ব্যবহার করে এবং আপনি যে কোনও ওয়েব ডিজাইনার বা বিকাশকারীর সাথে কথা বলেন তা বোঝা যায় তবে বাস্তবতা হল দুটি শর্তের মধ্যে সামান্য পার্থক্য রয়েছে।
এইচটিএমএল ট্যাগ
এইচটিএমএল একটি মার্কআপ ভাষা, যার মানে এটি কোডের সাথে লেখা হয় যা কোনও ব্যক্তির দ্বারা প্রথম সংকলন করার প্রয়োজন ছাড়াই পড়তে পারে। অন্য কথায়, কোনও ওয়েব পৃষ্ঠাটিতে পাঠ্যটি কীভাবে প্রদর্শন করা যায় সে বিষয়ে ওয়েব ব্রাউজারের নির্দেশাবলীর জন্য এই কোডগুলির সাথে "চিহ্নিত করা" হয়। এই মার্কআপ ট্যাগ এইচটিএমএল ট্যাগ নিজেদের।
যখন আপনি এইচটিএমএল লিখবেন, আপনি HTML ট্যাগ লিখেছেন। সমস্ত এইচটিএমএল ট্যাগ নির্দিষ্ট অংশ একটি সংখ্যা গঠিত হয়, সহ:
- একটি কম সাইন ইন
<
- একটি ট্যাগ বা অক্ষর যা কোন ট্যাগ লেখা হচ্ছে তা নির্ধারণ করে
- একটি আকারে ঐচ্ছিক HTML গুণাবলী কোন সংখ্যা
name = "মান" যুগল
- এবং অবশেষে একটি বড় সাইন চেয়ে
>
উদাহরণস্বরূপ, এখানে কিছু HTML ট্যাগ রয়েছে:
এই সমস্ত এইচটিএমএল খোলার ট্যাগ, তাদের ছাড়া কোন ঐচ্ছিক গুণাবলী ছাড়া। এই ট্যাগগুলি প্রতিনিধিত্ব করে:
-
- একটি অনুচ্ছেদ সংজ্ঞায়িত করে
-
- এইচটিএমএল হিসাবে পাতা সংজ্ঞায়িত করে
-
- একটি বিভাগ সংজ্ঞায়িত
নিম্নলিখিত এইচটিএমএল ট্যাগ হয়:
-
-
- দ্য
- একটি আইডি বৈশিষ্ট্য অন্তর্ভুক্ত একটি unordered তালিকা
- বিভাগ একটি শ্রেণী গুণাবলী আছে
- নোঙ্গর, বা লিংক, উপাদান "href" বৈশিষ্ট্য অন্তর্ভুক্ত
- একটি "src" বৈশিষ্ট্য সঙ্গে ছবির ট্যাগ
এই সমস্ত উদাহরণগুলি হ'ল খোলার HTML ট্যাগগুলিতে যোগ করা হয়েছে এমন গুণাবলী অন্তর্ভুক্ত।
নোঙ্গর এবং চিত্র ট্যাগের জন্য, বৈশিষ্ট্যগুলি আসলে ঐচ্ছিক নয়, তবে সেই ট্যাগগুলি সঠিকভাবে প্রদর্শন করার জন্য এটি প্রয়োজনীয়। আপনাকে কোথায় যেতে হবে লিংকটি জানাতে হবে (যা "href" করে) এবং চিত্রটি কী দেখাবে (যা "src" বৈশিষ্ট্যটি সরবরাহ করে)।
এইচটিএমএল উপাদান কি কি?
W3C এইচটিএমএল স্পেসিফিকেশন অনুযায়ী, একটি উপাদান এইচটিএমএল মৌলিক বিল্ডিং ব্লক এবং সাধারণত গঠিত হয় দুটি ট্যাগ : একটি খোলার ট্যাগ এবং একটি বন্ধ ট্যাগ। এ পর্যন্ত আমরা কেবল খোলা ট্যাগগুলি দেখি, যা উপাদানগুলি শুরু করে। যে উপাদান শেষ করতে, আপনি সংশ্লিষ্ট ক্লোজিং ট্যাগ লিখুন।
উদাহরণস্বরূপ, অনুচ্ছেদ উপাদানটির জন্য আপনি এটি লিখছেন:
এটি খোলার ট্যাগ যা আমরা একটি মুহূর্ত আগে এবং বন্ধ ট্যাগ হিসাবে তৈরি করা হয় - প্রায় সব HTML উপাদান একটি খোলার ট্যাগ এবং একটি বন্ধ ট্যাগ আছে। এই ট্যাগগুলি ওয়েব পৃষ্ঠায় প্রদর্শিত হবে এমন পাঠ্য ঘিরে। উদাহরণস্বরূপ, পাঠ্যের অনুচ্ছেদের লেখার জন্য, আপনি পৃষ্ঠাটি প্রদর্শনের জন্য পাঠ্যটি লিখুন এবং তারপরে এই ট্যাগগুলির সাথে এটি ঘিরে ফেলুন: আপনি ওয়েবপৃষ্ঠায় যে অনুচ্ছেদটি প্রদর্শন করতে চান তা অনুচ্ছেদটির লেখা লিখুন। কিছু HTML উপাদানগুলির একটি বন্ধ ট্যাগ নেই। এই বলা হয় "খালি উপাদান।" কখনও কখনও, তারা "সিঙ্গলটন" বা "অকার্যকর" উপাদান হিসাবে উল্লেখ করা হয়। খালি উপাদানগুলি ব্যবহার করা সহজ কারণ আপনাকে শুধুমাত্র আপনার ওয়েব পৃষ্ঠায় একটি ট্যাগ অন্তর্ভুক্ত করতে হবে এবং ব্রাউজার কী করবে তা জানবে। উদাহরণস্বরূপ, আপনার পৃষ্ঠায় একটি লাইন বিরতি যোগ করার জন্য আপনি ব্যবহার করবেন আরেকটি সাধারণ উপাদান যা শুধুমাত্র একটি খোলার ট্যাগ অন্তর্ভুক্ত করে তা হল "চিত্র" উপাদান। উদাহরণ স্বরূপ: আমরা আগে এই উদাহরণ দেখেছি, কিন্তু এই ছবির উপাদান জন্য কোন বন্ধ ট্যাগ আছে। ব্রাউজারটি কেবল এই কোডটিকে "href" বৈশিষ্ট্যতে উল্লেখ করা চিত্রের সাথে প্রতিস্থাপন করবে। এই ক্ষেত্রে, যে "logo.png।" সাধারণভাবে, যখন আমরা একটি এইচটিএমএল উপাদান বা ট্যাগ উল্লেখ করি, তখন আমরা উপাদানটির সকল অংশের উল্লেখ করছি (উদ্বোধনী এবং বন্ধ ট্যাগগুলি উভয়ই) উল্লেখ করার জন্য আমরা "উপাদান" শব্দটি ব্যবহার করব। শুধুমাত্র এক বা অন্য উল্লেখ করার সময় আমরা কেবল "ট্যাগ" ব্যবহার করি। এই দুটি পদগুলির যথাযথ ব্যবহার, এবং আমরা আপনাকে তাদের সঠিকভাবে ব্যবহার করার জন্য উত্সাহিত করি- তবে কেবলমাত্র আপনি যদি তাদের কিছুটা স্লিপ এবং বিনিময় করেন তবে আপনি এখনও আপনার নতুন ওয়েব ডেভেলপমেন্ট সহকর্মীদের দ্বারা বুঝবেন!
ট্যাগ।
