HTML Attributes (অ্যাট্রিবিউট)

বিবরণ

অ্যাট্রিবিউট ব্যবহার করা হয় একটি এলিমেন্টের প্রোপার্টি সেট করার জন্য যেমন একটি ইমেজ বা ক্যানভাসের প্রস্থ ও উঁচুতা। সব এলিমেন্টের অ্যাট্রিবিউট থাকতে পারে এবং এটি আরও তথ্য দেয়। অ্যাট্রিবিউটের একটি নাম থাকে এবং একটি মান:

উদাহরণস্বরূপ:

<canvas id="newCanvas" width="400" height="300">

অন্যান্য উদাহরণ:

<img alt="alternate text">

অ্যাট্রিবিউটের চারপাশে কোটেশন চিহ্ন ব্যবহার করা বাধ্যতামূলক নয়, HTML5 স্ট্যান্ডर्ड অনুযায়ী, কিন্তু কোটেশন ব্যবহার করা সবসময় ভালো অভ্যাস।

আইয়ে এখন HTML-এ অ্যাট্রিবিউট ব্যবহারের কিছু উদাহরণ দেখি:

HTML <ol> start অ্যাট্রিবিউট

<ol> এলিমেন্টের start অ্যাট্রিবিউট ব্যবহার করা হয় প্রথম লিস্ট আইটেমের শুরু মান সেট করার জন্য।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

<ol start="num">

উপরোক্ত, num হলো প্রথম লিস্ট আইটেমের শুরু মান সেট করার জন্য নম্বর।

উদাহরণ

আইয়ে এখন <ol> এলিমেন্টের start অ্যাট্রিবিউট ইমপ্লিমেন্ট করার একটি উদাহরণ দেখি:

<!DOCTYPE html> <html> <body> <h1>Last Semester MCA Result</h1> <h2>Rank from 1-5</h2> <ol> <li>Steve</li> <li>David</li> <li>Kane</li> <li>William</li> <li>John</li> </ol> <h2>Rank from 5-10</h2> <ol start="5"> <li>Tom</li> <li>Jack</li> <li>Will</li> <li>Harry</li> <li>Tim</li> </ol> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

HTML Attributes (অ্যাট্রিবিউট)

HTML <textarea> autofocus অ্যাট্রিবিউট

<textarea> এলিমেন্টের autofocus অ্যাট্রিবিউট ব্যবহার করা হয় পেজ লোড হলে টেক্সটএরিয়া-তে অটোফোকাস সেট করার জন্য। <textarea> এলিমেন্টের জন্য autofocus অ্যাট্রিবিউট HTML5-এ införোডাক্ট করা হয়েছে।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

<textarea autofocus>

উদাহরণ

আইয়ে এখন <textarea> এলিমেন্টের autofocus অ্যাট্রিবিউট ইমপ্লিমেন্ট করার একটি উদাহরণ দেখি:

<!DOCTYPE html> <html> <body> <h2>Interview Questions</h2> <p>Why do you want go for the Technical Writer Job Profile? (100 words)</p> <textarea rows="6" cols="70" autofocus> Write the answer in 100 words only... </textarea> <p>What are your strengths? (50 words)</p> <textarea rows="4" cols="70" autofocus> Write the answer in 50 words only... </textarea> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

HTML Attributes (অ্যাট্রিবিউট)