How to HTML Attribute

HTML Attribute এমন কিছু শব্দ Element সাথে যুক্ত হয়ে HTML উপর প্রভাব বিস্তার করে।

<p align="right">Content</p>

<p align = Start tag

“right” = Attribute

Content = Content

</p> = End tag

Attribute এর বৈশিষ্ট্য

1. সকল HTML Element এর Attribute রয়েছে।
2. Attribute এর দুইটি অংশ নিয়ে নাম এবং মান বা Value দুইটি অংশ নিয়ে একটি HTML Attribute তৈরী হয়। নাম এলিমেন্ট প্রপাটির মান নির্ধারণ করে এবং Value সেই প্রপাটির মান নির্ধারণ করে।
3. HTML সর্বদা Start tag দিয়ে শুরু করা হয়।
4. একটি HTML tag এক বা একের অধিক Attribute ধারণ করতে পারে।
5. HTML Attribute এর মান ডাবল কটেশন (” “) বা সিংগে কটেশন (‘ ‘) দিয়ে উল্লেখ করা হয়।

href Attribute:

HTML ডুকুমেন্ট এর লিং যুক্ত করতে <a>, <area>, <base>, <link> এই সকল ট্যাগ URL বা লিং তৈরী করতে href Attribute যুক্ত করতে হয়।
যেমন-

<a href="https://www.jobnewse.com">This is my website link.</a>

---

src attribute

HTML Document <img> and <script> tag এর সাথে যুক্ত করে মুল ফাইল সংযোগ করার জ্য “src” Attribute ব্যবহার করা হয়।
নিচে উদাহরণ দেওয়া হলো।

<img src="Tiger_image.jpg" />

---

Width and Height Attribute

HTML Document এর কোন ছবির প্রস্থ বা Width and উচ্চতা বা Height দেওয়ার জন্য Width and Height Attribute ব্যবহার করা হয়ে থাকে।
নিচে উদাহরণ দেখুন

<img src="tiger_image.jpg" width="700" height="800">

---

Note:এখানে ছবিটির আকার বা size ধরা হয়েছে px এর মান নির্ণয় করা হয়। অর্থাৎ width= 700px এবং Height= 800px

alt Attribute

কোন কারণে যদি আপনার নেট কানেকশন না পায় বা ওয়েব খুব স্লো লোড হচ্ছে তোখন ইমেজ গুলো প্রদশন হতে পারে না আর ইমেজ গুলো প্রদর্শন না হওয়াতে alt text প্রদশিত হয়।
অর্থাৎ ছবির স্থলে alt text যে নাম দিয়ে থাকি সে নামটি প্রদর্শন হয়।
উদাহরণ:

<img src="img_Tiger.jpg" alt="Tiger with a flower">

নোট: এখানে ছবিটির নাম দেওয়া হয়ে হয়েছে Tiger এবং ‍alt Attribute এ দেওয়া হয়েছে (“Tiger with a flower”) এই নামটি নেট শ্লো হলে দেখাবে। বা লোডের সমস্যা হলে এই নামটি শো হবে।

Style Attribute
Style Attribute ব্যবহার করে HTML এর রং, ফন্ট, আকার ইত্যাদি যোগ করা হয়ে থাকে।
উদাহরণ

<p style="color:red">I am a Tiger</p>