HTML Attributes

HTML Attributes( এইচটিএমএল এর বৈশিষ্ট্য  ) : 

HTML Attributes provide additional information about HTML elements : 

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

HTML Attributes ( এইচটিএমএল এর বৈশিষ্ট্য ) 

  • All HTML elements can have attributes . 
  • Attributes provide additional information about elements.
  • Attributes are always specified in the start tag. 
  • Attributes usually come in name/value pairs like: name= “ value “ 
  • সব এইচটিএমএল এর উপাদান এর বৈশিষ্ট্য রয়েছে । 
  • বৈশিষ্ট্য  উপাদানগুলো অতিরক্ত কাজ করে থাকে । 
  • শুরুটা বা  স্টার ট্যাগে সর্বদা নির্দিষ্ট করা হয় । সকল এট্টিবিউট শুরুর ট্যাগে ব্যবহার করা হয় । 

The href Attribute ( href এর বৈশিষ্ট্য):

The<a> tag defines a hyperlink . 

The href attribute Specifies the URL of the page the link goes to . 

  • <a> ট্যাগ একটি হাইপারলিংক নির্দেশ করে । 
  • Href বৈশিষ্ট্যটি লিংকের যে পৃষ্টা যাবে তার URL ( Uniform Resource Locator ) নির্দেশ করে । 

Example

< a href = “ Lighteducationbd.com”> Lighteducationbd </a> 

Show Browser: 

HTML Attributes
যদি এই লিঙ্কটি click করা হয় তাহলে , আমাদেরকে নিয়ে যাবে লাইট এডুকেশন বি.ডি. কম ওয়েব সাইটে

The Src Attribute ( Src বৈশিষ্ট্য ) : 

The <img> tag is used to embed an image in and HTML Page. The src attribute Specifies the path to the image to be displayed . 

  • Src ইমেজের সোর্স ফাইল হিসেবে কাজ করে । ইমেজটি কোথায় থেকে আসবে সেই কাজটি করে Src । 

Example: 

<img src= “Lighteducationbd.jpg ” alt= “Evergreen_Bangla” width=”500″height=”600″ > 

Show Browser: 

HTML Attributes
This is a <img> tag. image tag is empty tag . src means source and alt means alternative text and hight and width .

There are two ways to Specify the URL in the src attribute. 

1) Absolute URL- Link to an external image that is hosted on another website. 

Notes: External images must be Under Copyright . If you do get permission to usr it, you may be in violation of copyright laws. In addition, you can not control external images; it can Suddenly be removed or changed. 

2) Relative URL : – Links to an image that is hosted within the website . Here, the URL does not include the domain name . If the URL begins without a slash, it will be relative to the current page . 

  •  src এর URL নির্দেশ করে দুইটি উপায়ে । 
  •  Absolute URL:-  অন্য একটি ওয়েবসাইট থেকে কপি করা ছবি । এই ছবিগুলো কপি করতে হলে অবশ্যই অনুমোদন থাকতে হবে । 

The width and height Attributes: 

প্রস্থ ও উচ্চতার বৈশিষ্ট্য : 

The <img > tag should also contain the width and height attributes, which specifies the width and height of the image ( in Pixels ) : 

<img> ট্যাগে প্রস্থ এবং উচ্চতার বৈশিষ্ট্য থাকা উচিত , ইমেজের প্রস্থ ও উচ্চতা কত হবে তা পিক্সেলে দেওয়া ভালো । 

Example: 

<img src= “Lighteucationbd.jpg” width= “900px” height= “800px” > 

Show Browser : 

HTML Attributes
ইমেজটি এতো বড় হওয়ার কারন হলো । আমি এখানে hight and width বেশি ব্যবহার করেছি ।

The alt Attribute: 

The required alt attribute for the <img> tag Specifies an alternate text for an image , if the image for some reason can not be displayed . This can be due to slow connection ,   or an error in the src attribute, or if the user uses a screen reader . 

alt এর বৈশিষ্ট্য : 

 <img> ট্যাগের জন্য এটি একটি ‍alt  হলো একটি অল্টারনেটিভ টেক্সট , কোন কারনে ইমেজ প্রদর্শন না হলে , বা ইন্টারনেটের স্বল্পতার কারণে ইমেজ দেখা না গেলে , অল্টার টেক্সট না দিলে error আসবে , কিন্তু  <img> ট্যাগের মধ্যে ‍alt এর ভেতরে যে নামটি দেওয়া হবে , কোন কারণে ইমেজটি প্রদর্শন না করলে , সেই নামটি দেখে বুঝা যাবে ইমেজটি কিসের । 

<img src= “ screenshot.jpg” alt= “image” > 

Example : 

See what happens if we try to display an image that does not exist. 

কোন কারণে ইমেজটি দেখা না গেলে , alt টেক্সট এর জন্য ইমেজটি কিরকম দেখাবে , তা দেখানো হলো । 

<img src= “Lighteducationb.jpg” alt= “ Evergreen_Bangladesh” > 

Show Browser: 

HTML Attributes
This is <img> tag , this html code image can nto found in this site then work alt text , this alt text seen the image Everegreen_Bangladesh. Alt text is very important text for image , <img> tag .

The Style Attribute: 

The Style attribute is used to add styles to an element, such as color, font, size, and more. 

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

Example : 

<p style= “color: red; “ > This is a red Paragraph </p> 

Show Browser: 

HTML Style Attribute
This is a style attribute , it’s work many important thing such as color, background color, font, family, font size , and more things. স্টাইল অ্যাটিভিউট সবসময় শুরু ট্যাগে ব্যবহার করতে হয় ।

The lang Attribute : 

ল্যাংগুয়েজ সিস্টেম : 

You should always include the lang attribute inside the <html> tag, to declare the language of the web page. This is meant to assist Search engines and browsers . 

Lang Attribute টি ওয়েব পৃষ্টার ভাষা কী হবে তা নির্ধারণ করে । এটি ওয়েবসাইট সার্চইঞ্জিনে বাউজার প্রদর্শন করতে সাহায্য করে , এটি সর্বদা < html> এর ভেতরে লেখা হয় । 

The following example specifies english as the Language. 

নিম্নলিখিত উদাহরণটি ইংরেজি ভাষাকে নির্দেশ করেছে । 

<! DOCTYPE  html > 

< html lang= “en”> 

<body> 

Some English Content . 

</body>

</html> 

Country codes can also be added to the language code in the lang attribute . So, the first two characters define the last two characters define the country. 

Lang এট্রিবিউট দ্বারা- কোড দ্বারা নির্দিষ্ট দেশকে নির্ধারণ করা যায় । 

The following example Specifies English as the language and United States as the Country. 

নিম্নলিখিত উদাহরণটি ইংরেজি ভাষাকে এবং মার্কিন যুক্তরাষ্ট্রকে দেশ হিসেবে নির্ধারণ করা হয়েছে । 

< ! DOCTYPE html> 

< html lang= “en-US” > 

<body> 

Some Content 

</body> 

</html> 

Show Browser :

HTML Attributes
This is a heading 1 tag <h1> . and big heading this < html lang=”en” > means English Language content for this website.

The title Attribute: 

টাইটেল বা  শিরোনামের বৈশিষ্ট্য :

The title attribute defines some extra information about an element . 

The value of the title attribute will be displayed as a tooltip when you mouse over the element . 

টাইটেল Attribute টি অতিরক্ত তথ্যর যোগ করার জন্য  ব্যবহার করা হয় । শিরোনামের উপরে মাউস রাখলে টাইটেল এর ভেতরে যে লেখাটি আছে সেইটি প্রদর্শিত হবে । 

<p title= “ I am a Student”> This is a Paragraph < /p> 

Show Browser :

HTML The Title Attribute
This is a title attribute . When Mouse over the content or button and other this Show this title name above this system example .


Chapter Summary : 

Show Broswer

  • All HTML elements can have attributes. 
  • The href attribute of <a> specifies the URL of the page the link goes to . 
  • The src attribute of <img> Specifies the path to the image to be displayed . 
  • The width and height attributes of <img> Provide size information for images. 
  • The alt attribute of <img> provides an alternate text for an image . 
  • The style attribute is used to add styles to an element , such as color, font, size and more. 
  • The Lang attribute of the < html> tag declares the language of the web page. 
  • The title attribute defines some extra information about an element . 

অধ্যায়ের সারমর্ম  : 

  • সকল এইচটিএমএল উপাদান এর বৈশিষ্ট্য থাকতে পারে । 
  • href এট্রিবিউটটি <a> ট্যাগ দ্বারা একটি লিংকের URL ( Uniform Resource Locator ) কে নির্দেশ করে । 
  • src  এট্রিবিউটটি দ্বারা <img> ট্যাগের ইমেজটি কোথায় থেকে আসবে তা নির্ধারণ করে , এটি একটি সোর্স ফাইল হিসেবেও কাজ করে ।
  • ইমেজের দৈর্ঘ্য-প্রস্থের জন্য ইমেজের সাইজ ছোট বড় হতে পারে । 
  • alt এট্রিবিউটটি ইমেজ এর বিকল্প হিসেবে ব্যবহার হয় । কোন কারণে ইমেজটি যদি দেখা না যায় ,তাহলে  alt এর ভেতরে যে লেখাটি থাকবে,  ইমেজ রিলেটেড হতে হবে , সেই লেখাটি প্রদর্শিত হবে  । লেখাটি দেখে বোঝা যাবে ইমেজটি কিসের ছিল । 
  • স্টাইল এট্রিবিউট দ্বারা লেখার সাইজ, কালার , ইত্যাদি বিভিন্ন জিনিস নির্ধারণ করে । 
  • < html> ট্যাগের ভিতরে Lang দ্বারা একটি ওয়েব পৃষ্টার ভাষা নির্ধারণ করে 
  • অতিরিক্ত তথ্য সংযোজন করার জন্য টাইটেল ব্যবহার করা হয় । লেখার উপরে মাউস ধরলে টাইটেল এর ভিতরে যে লেখাটি থাকবে সেই লেখাটি দেখা যাবে । 

Post Author: showrob

Leave a Reply

Your email address will not be published. Required fields are marked *

58 − = 55