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