বিশ্বের সবচেয়ে বড় বাংলা ওয়েব ডেভেলোপার সাইট
এইচটিএমএল বৈশিষ্ট্য(attribute)গুলি HTML উপাদান(Element)গুলির সম্পর্কে অতিরিক্ত তথ্য সরবরাহ করে
<a> ট্যাগ একটি হাইপারলিংক
সংজ্ঞায়িত করে। Href এট্রিবিউটটি লিঙ্কটিতে যে পৃষ্ঠার ইউআরএল যায় তা নির্দিষ্ট করে:
আমাদের এইচটিএমএল লিংক অধ্যায়ের লিঙ্কগুলি সম্পর্কে আপনি আরও শিখবেন।
<img> ট্যাগটি কোনও HTML পৃষ্ঠায়
কোনও চিত্র এম্বেড করতে ব্যবহৃত হয়। Src এট্রিবিউটটি
প্রদর্শিত হওয়ার চিত্রটি নির্দিষ্ট করে:
src এট্রিবিউটে URL টি নির্দিষ্ট করার
জন্য দুটি উপায় রয়েছে:
১.অ্যাপসলুট URL - একটি বাহ্যিক চিত্রের লিঙ্কগুলি যা অন্য ওয়েবসাইটে হোস্ট করা হয়। উদাহরণ: src="https://www.nbp3bangla.com/images/img_cute_girl.jpg"
নোটস: বাহ্যিক চিত্র(image)গুলি কপিরাইটের অধীনে হতে পারে। আপনি যদি এটি ব্যবহারের অনুমতি না পান তবে আপনি কপিরাইট আইন লঙ্ঘন করতে পারেন। এছাড়াও, আপনি বাহ্যিক চিত্রগুলি নিয়ন্ত্রণ করতে পারবেন না; এটি হঠাৎ করে মুছে ফেলা বা পরিবর্তন করা যেতে পারে।
২.রিলেটিভস URL - ওয়েবসাইটের মধ্যে হোস্ট করা একটি চিত্রের লিঙ্কগুলি। এখানে, URL- এ ডোমেনের নাম অন্তর্ভুক্ত করা হয়নি। URL টি যদি স্ল্যাশ ছাড়াই শুরু হয় তবে এটি বর্তমান পৃষ্ঠার সাথে আপেক্ষিক হবে। উদাহরণ: src = "img_girl.jpg"। URL টি যদি স্ল্যাশ দিয়ে শুরু হয় তবে এটি ডোমেনের সাথে আপেক্ষিক হবে। উদাহরণ: src = "/image/ img_girl.jpg"।
টিপস: রিলেটিভস URL ব্যবহার করা প্রায় সর্বদা সেরা। আপনি ডোমেন পরিবর্তন করলে সেগুলি ভঙ্গ হবে না।
<img> ট্যাগটিতে প্রস্থ(height)
এবং উচ্চতার(width) বৈশিষ্ট্যও থাকা উচিত, যা চিত্রটির প্রস্থ(width) এবং উচ্চতা(height)
নির্দিষ্ট করে (পিক্সেলগুলিতে"in pixels"):
<img> ট্যাগের জন্য প্রয়োজনীয়
alt বৈশিষ্ট্যটি কোনও চিত্রের জন্য একটি বিকল্প পাঠ্য
নির্দিষ্ট করে, যদি কোনও কারণে চিত্র প্রদর্শিত না হয়। এটি ধীর সংযোগের কারণে, বা src অ্যাট্রিবিউটে ত্রুটিযুক্ত কারণে বা যদি ব্যবহারকারী
কোনও স্ক্রিন রিডার ব্যবহার করে।
ছবি নাই এমন ছবি যদি দেখাতে চাই তাহলে কি ঘটে তা দেখুন:
আপনি আমাদের এইচটিএমএল চিত্রের অধ্যায়টিতে চিত্রগুলি সম্পর্কে আরও শিখবেন।
color, font, size এবং আরও অনেক কিছুতে স্টাইলের এট্রিবিউটটি style যুক্ত করতে ব্যবহৃত হয়:
আপনি আমাদের এইচটিএমএল স্টাইল অধ্যায় সম্পর্কে আরও শিখতে পারেন।
ওয়েব পৃষ্ঠার ভাষা ঘোষণা করার জন্য আপনার সর্বদা <html> ট্যাগের মধ্যে lang এট্রিবিউট অন্তর্ভুক্ত করা উচিত। এটি অনুসন্ধান
ইঞ্জিন এবং ব্রাউজারগুলিকে সহায়তা করার জন্য।
নিম্নলিখিত উদাহরণটি ইংরেজীটিকে ভাষা হিসাবে নির্দিষ্ট করে:
lang এট্রিবিউট ভাষা কোডে দেশীয় কোডও যুক্ত করা যায়।
সুতরাং, প্রথম দুটি অক্ষর এইচটিএমএল পৃষ্ঠার ভাষা সংজ্ঞা দেয় এবং শেষ দুটি অক্ষর দেশকে
সংজ্ঞায়িত করে।
নিম্নলিখিত উদাহরণটি ইংরেজি হিসাবে ভাষা এবং মার্কিন যুক্তরাষ্ট্রকে দেশ হিসাবে নির্দিষ্ট করে:
আপনি আপনার এইচটিএমএল ল্যাঙ্গুয়েজ কোড রেফারেন্সে সমস্ত ভাষার কোড দেখতে পারেন।
title এট্রিবিউট একটি
উপাদান(Element) সম্পর্কে কিছু অতিরিক্ত তথ্য সংজ্ঞায়িত করে।
title এট্রিবিউটের মানটি একটি সরঞ্জামদণ্ড হিসাবে প্রদর্শিত হবে যখন আপনি উপাদানটির(element) উপর দিয়ে মাউস রাখবেন:
এইচটিএমএল স্ট্যান্ডার্ডের জন্য ছোট হাতের এট্রিবিউটের নাম প্রয়োজন হয় না।
title এট্রিবিউট (এবং অন্যান্য সমস্ত এট্রিবিউট ) বড় হাতের বা ছোট অক্ষরের মতো title বা TITLE দিয়ে লেখা যেতে পারে।
তবে, nbp3 এইচটিএমএলে ছোট হাতের এট্রিবিউটগুলির প্রস্তাব দেয় এবং এক্সএইচটিএমএলের মতো কঠোর ডাকুমেন্ট প্রকারের জন্য ছোট হাতের এট্রিবিউটগুলির দাবি করে।
এইচটিএমএল স্ট্যান্ডার্ডের জন্য এট্রিবিউটের মান(values)গুলির চারপাশে উদ্ধৃতিগুলির প্রয়োজন নেই।
যাইহোক, nbp3 এইচটিএমএলে উদ্ধৃতিগুলির প্রস্তাব দেয় এবং এক্সএইচটিএমএলের মতো কঠোর ডাকুমেন্ট প্রকারের জন্য উদ্ধৃতি দাবি করে।
কখনও কখনও আপনাদের উদ্ধৃতি ব্যবহার করতে হবে। এই উদাহরণটি title- এর এট্রিবিউটটি সঠিকভাবে প্রদর্শন করবে না, কারণ এতে একটি ভুল রয়েছে:
এইচটিএমএলটিতে অ্যাট্রিবিউট মানের চারপাশে ডাবল কোটেশন সর্বাধিক সাধারণ, তবে একক কোটেশনও ব্যবহার করা যেতে পারে।
কিছু পরিস্থিতিতে, যখন অ্যাট্রিবিউট মানটিতে নিজেই ডাবল উদ্ধৃতি থাকে, তখন একক উদ্ধৃতি ব্যবহার করা প্রয়োজন:
বা,
<a> এর href অ্যাট্রিবিউটটি লিঙ্কটিতে যে পৃষ্ঠায় চলেছে তার
URL টি নির্দিষ্ট করে<img> এর src অ্যাট্রিবিউটটি প্রদর্শিত হওয়ার চিত্রটি
নির্দিষ্ট করে<img> এর height এবং width
অ্যাট্রিবিউটগুলি চিত্রগুলির জন্য আকারের তথ্য সরবরাহ করে<img> এর alt অ্যাট্রিবিউটটি একটি চিত্রের জন্য একটি বিকল্প
পাঠ্য সরবরাহ করেstyle যুক্ত করতে ব্যবহৃত হয়html ট্যাগের lang এট্রিবিউটটি ওয়েব পৃষ্ঠার ভাষা ঘোষণা করেtitle এট্রিবিউট একটি উপাদান(Element) সম্পর্কে
কিছু অতিরিক্ত তথ্য সংজ্ঞায়িত করে