x
Home
html

HTML Attributes Tutorials

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

The <a> tag defines a hyperlink. The href attribute specifies the URL of the page the link goes to:


Link Example:

<a href="https://www.tutiongo.com">Visit Tutiongo</a>


Try it Yourself


You will learn more about links in our HTML Links chapter.


The src Attribute

The <img> tag is used to embed an image in an HTML page. The src attribute specifies the path to the image to be displayed:


IMG Src Example:

<img src="car.jpg">


Try it Yourself


Image alt With Width Attribute


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


IMG Alt Attribute 

<img src="car.jpg" alt="red card" width=">


Try it Yourself


Broken Image Source


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

Broken Image 

<img src="ccar.jpg" alt="red card">


Try it Yourself


Style 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:


Style Atttribute

<p style="color:red"> This is red paragraph </p>


Try it Yourself


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:


Title Atttribute

<p title="I'm a tooltip">This is tool paragraph </p>


0