HTML Attributes

 

HTML Attributes List

1. class:

   • ব্যাখ্যা: এটি একটি CSS ক্লাস নির্ধারণ করে, যা একাধিক এলিমেন্টের জন্য একই স্টাইল প্রয়োগ করতে ব্যবহৃত হয়।
   • উদাহরণ: <div class="my-class">Content</div>

2. id:

   • ব্যাখ্যা: এটি একটি ইউনিক আইডেন্টিফায়ার, যা একটি নির্দিষ্ট এলিমেন্টকে চিহ্নিত করতে ব্যবহৃত হয়।
   • উদাহরণ: <h1 id="main-title">Title</h1>

3. style:

   • ব্যাখ্যা: এটি সরাসরি এলিমেন্টের জন্য ইনলাইন CSS স্টাইল প্রয়োগ করতে ব্যবহৃত হয়।
   • উদাহরণ: <p style="color: red;">This is red text.</p>

4. src:

   • ব্যাখ্যা: মিডিয়া এলিমেন্ট (যেমন ইমেজ বা স্ক্রিপ্ট) এর উৎস নির্ধারণ করে।
   • উদাহরণ: <img src="image.jpg" alt="Image description">

5. href:

   • ব্যাখ্যা: লিঙ্কের গন্তব্য URL নির্ধারণ করে।
   • উদাহরণ: <a href="https://www.example.com">Visit Example</a>

6. alt:

   • ব্যাখ্যা: ইমেজের জন্য একটি বর্ণনামূলক টেক্সট সরবরাহ করে, যা ইমেজ লোড না হলে প্রদর্শিত হয়।
   • উদাহরণ: <img src="image.jpg" alt="A beautiful scenery">

7. title:

   • ব্যাখ্যা: এলিমেন্টের জন্য অতিরিক্ত তথ্য প্রদান করে, যা মাউস দিয়ে উপর hover করলে প্রদর্শিত হয়।
   • উদাহরণ: <p title="More info about this paragraph">Hover over me!</p>

8. data-*:

   • ব্যাখ্যা: কাস্টম ডেটা অ্যাট্রিবিউট, যা ব্যবহারকারী নির্দিষ্ট তথ্য সংরক্ষণ করতে পারেন।
   • উদাহরণ: <div data-role="admin">Admin Content</div>

9. type:

   • ব্যাখ্যা: ফর্ম ইনপুটের টাইপ নির্ধারণ করে (যেমন text, password, checkbox)।
   • উদাহরণ: <input type="text" name="username">

10. value:

    • ব্যাখ্যা: ইনপুট ফিল্ডের ডিফল্ট মান নির্ধারণ করে।
    • উদাহরণ: <input type="submit" value="Submit">

11. placeholder:

    • ব্যাখ্যা: ইনপুট ফিল্ডে একটি উদাহরণগত টেক্সট প্রদর্শন করে, যা ব্যবহারকারী ইনপুট দেওয়ার আগে দেখায়।
    • উদাহরণ: <input type="text" placeholder="Enter your name">

12. required:

    • ব্যাখ্যা: নির্দেশ করে যে ইনপুট ফিল্ডটি পূরণ করা আবশ্যক।
    • উদাহরণ: <input type="email" required>

13. disabled:

    • ব্যাখ্যা: এলিমেন্টটিকে অক্ষম করে, যার ফলে ব্যবহারকারী এটি ব্যবহার করতে পারে না।
    • উদাহরণ: <button disabled>Can't click me</button>

14. checked:

    • ব্যাখ্যা: চেকবক্স বা রেডিও বাটনকে ডিফল্টভাবে নির্বাচিত করে।
    • উদাহরণ: <input type="checkbox" checked>

15. maxlength:

    • ব্যাখ্যা: ইনপুট ফিল্ডে সর্বাধিক অক্ষরের সংখ্যা নির্ধারণ করে।
    • উদাহরণ: <input type="text" maxlength="10">

16. rows:

    • ব্যাখ্যা: টেক্সটএরিয়ার জন্য সারির সংখ্যা নির্ধারণ করে।
    • উদাহরণ: <textarea rows="4"></textarea>

17. cols:

    • ব্যাখ্যা: টেক্সটএরিয়ার জন্য কলামের সংখ্যা নির্ধারণ করে।
    • উদাহরণ: <textarea cols="50"></textarea>

18. autofocus:

    • ব্যাখ্যা: পৃষ্ঠা লোড হওয়ার সময় ইনপুট ফিল্ডে স্বয়ংক্রিয়ভাবে ফোকাস প্রয়োগ করে।
    • উদাহরণ: <input type="text" autofocus>

19. target:

    • ব্যাখ্যা: লিঙ্ক ক্লিক করলে এটি নতুন ট্যাব বা উইন্ডোতে খুলবে কিনা তা নির্ধারণ করে।
    • উদাহরণ: <a href="https://www.example.com" target="_blank">Open in new tab</a>

20. rel:

• ব্যাখ্যা: লিঙ্কের সাথে সম্পর্ক নির্ধারণ করে, যেমন "noopener" বা "noreferrer"।
• উদাহরণ: <a href="https://www.example.com" rel="noopener">Link</a>

Created By _____  🅰🅻🅸  🅷🅰🅸🅳🅰🆁