এইচটিএমএল ল্যাঙ্গুয়েজটিতে অনেকগুলি উপাদান রয়েছে। এটি সাধারণত ব্যবহৃত ওয়েবসাইট উপাদানগুলি যেমন অনুচ্ছেদ, শিরোনাম, লিঙ্ক এবং চিত্রগুলি অন্তর্ভুক্ত। HTML5, যা হেডার, এনওয়াই, পাদলেখ, এবং আরও সহ আরও কয়েকটি নতুন উপাদান রয়েছে। এই সব HTML উপাদানগুলি একটি নথির কাঠামো তৈরি করতে এবং এটি অর্থ প্রদান করতে ব্যবহৃত হয়। উপাদানগুলি আরও বেশি অর্থ যোগ করতে, আপনি তাদের গুণাবলী দিতে পারেন।
একটি মৌলিক এইচটিএমএল খোলার ট্যাগ <অক্ষর দিয়ে শুরু হয় এটি ট্যাগ নাম দ্বারা অনুসরণ করা হয়, এবং পরিশেষে, আপনি> অক্ষর দিয়ে ট্যাগটি সম্পূর্ণ করুন উদাহরণস্বরূপ, খোলার অনুচ্ছেদ ট্যাগটি এইভাবে লেখা হবে:
যে
আপনার এইচটিএমএল ট্যাগের একটি বৈশিষ্ট্য যোগ করার জন্য, আপনি ট্যাগের নামের পরে একটি স্থান স্থাপন করেছেন (এই ক্ষেত্রে "p")। তারপর আপনি যে বৈশিষ্ট্যাবলী নামটি ব্যবহার করতে চান তার পরে একটি সমান চিহ্ন যোগ করুন। অবশেষে, অ্যাট্রিবিউট মান উদ্ধৃতি চিহ্ন স্থাপন করা হবে। উদাহরণ স্বরূপ:
ট্যাগগুলি একাধিক বৈশিষ্ট্য থাকতে পারে। আপনি একটি স্থান সঙ্গে অন্যদের থেকে প্রতিটি বৈশিষ্ট্য পৃথক হবে।
প্রয়োজনীয় বৈশিষ্ট্য সঙ্গে উপাদান
কিছু HTML উপাদানের মূলত প্রয়োজন যদি আপনি চাইলে তাদের কাজ করতে চান চিত্র উপাদান এবং লিঙ্ক উপাদান এই দুটি উদাহরণ।
চিত্র উপাদান "src" বৈশিষ্ট্যটি প্রয়োজন। সেই অ্যাট্রিবিউটটি ব্রাউজারটিকে বলে যে আপনি সেই অবস্থানটিতে কোন চিত্রটি ব্যবহার করতে চান। অ্যাট্রিবিউটের মান ছবির একটি ফাইল পাথ হবে। উদাহরণ স্বরূপ:
আপনি লক্ষ্য করবেন যে এই উপাদানটিতে আমি আরেকটি অ্যাট্রিবিউট যুক্ত করেছি, "alt" বা বিকল্প পাঠ্য অ্যাট্রিবিউট। এটি টেকনিক্যালি কোনও চিত্রের জন্য প্রয়োজনীয় বৈশিষ্ট্য নয়, তবে সর্বদা অ্যাক্সেসযোগ্যতার জন্য এই সামগ্রীটি অন্তর্ভুক্ত করার সর্বোত্তম অনুশীলন। Alt এট্রিবিউটের মানটিতে তালিকাভুক্ত পাঠ্যটি কোন কারণে কোন কারণে লোড করতে ব্যর্থ হলে প্রদর্শন করবে।
আরেকটি উপাদান যা নির্দিষ্ট বৈশিষ্ট্যের প্রয়োজন হয় নোঙ্গর বা লিঙ্ক ট্যাগ। এই উপাদানটিতে "href" অ্যাট্রিবিউট অন্তর্ভুক্ত করা উচিত, যা 'হাইপারটেক্সট রেফারেন্স' এর জন্য ব্যবহৃত হয়। এটি "এই লিঙ্কটি কোথায় যাওয়া উচিত" বলার একটি অভিনব উপায়। শুধু ইমেজ এলিমেন্টের মতো ছবিটি লোড করার জন্য কোন চিত্রটি জানা দরকার, লিঙ্ক ট্যাগ অবশ্যই আবশ্যক এটি একটি লিংক ট্যাগ লাগতে পারে এখানে দেখুন।
সেই লিংকটি এখন কোনও ব্যক্তিকে একটি অ্যাট্রিবিউটের মান নির্দিষ্ট করা ওয়েবসাইটে আনতে হবে। এই ক্ষেত্রে, এটি মূল পৃষ্ঠা।
CSS হুক হিসাবে বৈশিষ্ট্য
বৈশিষ্ট্যের আরেকটি ব্যবহার হল যখন CSS শৈলীগুলির জন্য "হুক" হিসাবে ব্যবহার করা হয়। যেহেতু ওয়েব মানগুলি নির্দেশ করে যে আপনার পৃষ্ঠার গঠনটি (এইচটিএমএল) তার শৈলী (CSS) থেকে আলাদা করা উচিত, আপনি CSS এ এই বৈশিষ্ট্য হুক ব্যবহার করে কীভাবে ওয়েব ব্রাউজারে স্ট্রাকচার্ড পেজ প্রদর্শন করবেন তা নির্দেশ করুন। উদাহরণস্বরূপ, আপনার মার্কআপের এই টুকরাটি আপনার HTML নথিতে থাকতে পারে।
যদি আপনি চান যে বিভাগটি কালো (# 000) এবং একটি ফন্ট-সাইজের 1.5 ইঞ্চি পটভূমি থাকে তবে আপনি এটি আপনার CSS এ যোগ করবেন:
। ফিচারড {ব্যাকগ্রাউন্ড-রঙ: # 000; ফন্ট-আকার: 1.5ম;}"বৈশিষ্ট্যযুক্ত" শ্রেণী অ্যাট্রিবিউট একটি হুক হিসাবে কাজ করে যা আমরা সেই এলাকার শৈলী প্রয়োগ করতে CSS এ ব্যবহার করি। আমরা চাইলে আমরা এখানে একটি আইডি অ্যাট্রিবিউটও করতে পারি। ক্লাস এবং আইডি উভয়ই সর্বজনীন বৈশিষ্ট্যাবলী, যার মানে হল যে তারা কোনো উপাদান যোগ করা যেতে পারে। তারা যে উপাদান ভিজ্যুয়াল চেহারা নির্ধারণ করতে উভয় নির্দিষ্ট CSS শৈলী সঙ্গে লক্ষ্য করা যাবে।
জাভাস্ক্রিপ্ট সম্পর্কিত
অবশেষে, নির্দিষ্ট HTML উপাদানের উপর বৈশিষ্ট্যগুলি ব্যবহার করা হয় এমন কিছু যা আপনি জাভাস্ক্রিপ্টে ব্যবহার করতে পারেন। যদি আপনার একটি স্ক্রিপ্ট থাকে যা একটি নির্দিষ্ট আইডি অ্যাট্রিবিউটের সাথে একটি উপাদান খুঁজছে, তবে এটি এইচটিএমএল ভাষার সাধারণ অংশ অন্য আরেকটি ব্যবহার।