HTML Attribute-এইচ.টি.এম.এল

এইচটিএমএল অ্যাট্রিবিউট

এইচটিএমএল অ্যাট্রিবিউটগুলি হল বিশেষ শব্দ যা উপাদান সম্পর্কে অতিরিক্ত তথ্য প্রদান করে বা বৈশিষ্ট্যগুলি হল এইচটিএমএল উপাদানের সংশোধনকারী৷

প্রতিটি উপাদান বা ট্যাগের বৈশিষ্ট্য থাকতে পারে, যা সেই উপাদানটির আচরণকে সংজ্ঞায়িত করে।

গুণাবলী সর্বদা স্টার্ট ট্যাগের সাথে প্রয়োগ করা উচিত।

অ্যাট্রিবিউট সর্বদা তার নাম এবং মান জোড়া দিয়ে প্রয়োগ করা উচিত।

বৈশিষ্ট্যের নাম এবং মানগুলি কেস সংবেদনশীল, এবং এটি W3C দ্বারা সুপারিশ করা হয়েছে যে এটি শুধুমাত্র ছোট হাতের অক্ষরে লেখা উচিত।

আপনি একটি HTML উপাদানে একাধিক বৈশিষ্ট্য যোগ করতে পারেন, তবে দুটি বৈশিষ্ট্যের মধ্যে স্থান দিতে হবে।

Syntax

  1. <element attribute_name=“value">contentelement>  
  2.  

Example

  1.  >  
  2. <html>  
  3. <head>  
  4. head>  
  5. <body>  
  6.     <h1> This is Style attributeh1>  
  7.    <p style=“height: 50px; color: blue">It will add style property in elementp>  
  8.     <p style=“color: red">It will change the color of contentp>  
  9. body>  
  10. html>  

Explanation of above example:

  1. <p style=“height: 50px; color: blue">It will add style property in elementp>  

উপরের বিবৃতিতে, আমরা প্যারাগ্রাফ ট্যাগ ব্যবহার করেছি যেখানে আমরা স্টাইল অ্যাট্রিবিউট প্রয়োগ করেছি। এই অ্যাট্রিবিউটটি যেকোনো HTML এলিমেন্টে CSS প্রপার্টি প্রয়োগ করার জন্য ব্যবহার করা হয়। এটি 50px অনুচ্ছেদের উপাদানের উচ্চতা প্রদান করে এবং এটিকে নীল রঙে পরিণত করে।

<p style=“color: red">It will change the color of contentp> 

উপরের স্টেটমেন্টে আমরা আবার প্যারাগ্রাফ ট্যাগে স্টাইল অ্যাট্রিবিউট ব্যবহার করেছি, যা এর রঙ লাল করে দেয়।

দ্রষ্টব্য: কিছু সাধারণভাবে ব্যবহৃত বৈশিষ্ট্যগুলি নীচে দেওয়া হয়েছে, এবং সমস্ত বৈশিষ্ট্যের সম্পূর্ণ তালিকা এবং ব্যাখ্যা HTML বৈশিষ্ট্যের তালিকায় দেওয়া হয়েছে।

The title attribute in HTML

বর্ণনা: শিরোনাম বৈশিষ্ট্যটি বেশিরভাগ ব্রাউজারে পাঠ্য টুলটিপ হিসাবে ব্যবহৃত হয়। ব্যবহারকারী একটি লিঙ্ক বা কোনো পাঠ্যের উপর কার্সার সরানোর সময় এটি তার পাঠ্য প্রদর্শন করে। সেই লিঙ্ক বা টেক্সট সম্পর্কে বর্ণনা দেখানোর জন্য আপনি যেকোন টেক্সট বা লিঙ্কের সাথে এটি ব্যবহার করতে পারেন। আমাদের উদাহরণে, আমরা প্যারাগ্রাফ ট্যাগ এবং হেডিং ট্যাগ দিয়ে এটি নিচ্ছি।

Example

With

tag:

 
  1. <h1 title=“This is heading tag">Example of title attributeh1>  

With

tag:

 
  1. <p title=“This is paragraph tag">Move the cursor over the heading and paragrap

Code:

 
  1. >  
  2. <html>  
  3.   <head>  
  4.  head>  
  5. <body>  
  6.       
  7.   <h1 title=“This is heading tag">Example of title attributeh1>  
  8.   <p title=“This is paragraph tag">Move the cursor over the heading and paragraph, and you will see a description as a tooltipp>  
  9.   
  10. body>  
  11. html>  

এইচটিএমএল এ href এট্রিবিউট

Description: The href attribute is the main attribute of anchor tag. This attribute gives the link address which is specified in that link. The href attribute provides the hyperlink, and if it is blank, then it will remain in same page.

Example

With link address:

 
  1. <a href=“https://www.javatpoint.com/html-anchor">This is a linka>  

Without link address:

 
  1. <a href=“">This is a linka>  

src বৈশিষ্ট্য

src অ্যাট্রিবিউট হল উপাদানের একটি গুরুত্বপূর্ণ এবং প্রয়োজনীয় বৈশিষ্ট্য। এটি সেই ইমেজটির উৎস যা ব্রাউজারে প্রদর্শনের জন্য প্রয়োজন। এই বৈশিষ্ট্যটি একই ডিরেক্টরি বা অন্য ডিরেক্টরিতে চিত্র ধারণ করতে পারে। ছবির নাম বা উৎস সঠিক হতে হবে অন্যথায় ব্রাউজার ছবিটি প্রদর্শন করবে না।

Example

  1. <img src=“whitepeacock.jpg" height=“400" width=“600">  

দ্রষ্টব্য: উপরের উদাহরণে উচ্চতা এবং প্রস্থ বৈশিষ্ট্যও রয়েছে, যা ওয়েব পৃষ্ঠায় চিত্রের উচ্চতা এবং প্রস্থকে সংজ্ঞায়িত করে।

Quotes: single quotes or double quotes?

এই অধ্যায়ে আপনি দেখেছেন যে, আমরা ডাবল কোট সহ অ্যাট্রিবিউট ব্যবহার করেছি, তবে কিছু লোক HTML এ একক উদ্ধৃতি ব্যবহার করতে পারে। তাই এইচটিএমএল অ্যাট্রিবিউট সহ একক উদ্ধৃতি ব্যবহার করাও অনুমোদিত। নিম্নলিখিত উভয় বিবৃতি একেবারে জরিমানা.

  1. <a href=“https://www.javatpoint.com">A link to HTML.a>  
  2. <a href=‘https://www.javatpoint.com’>A link to HTML.a>  
  1. <a href=https://www.javatpoint.com>A link to HTML.a>  

Leave a Reply