HTML Attributes

HTML Attributes:
  • All HTML elements can have attributes
  • Attributes provide additional information about an element
  • Attributes are always specified in the start tag
  • Attributes usually come in name/value pairs like: name="value"

The title Attribute

Here, a title attribute is added to the <p> element. The value of the title attribute will be displayed as a tooltip when you mouse over the paragraph:
<!DOCTYPE html>
<html>
<body>

<h2>The title attribute</h2>

<p title="I'm a tooltip">
Mouse over this paragraph, to display the title attribute as a tooltip.
</p>

</body>
</html>
OUTPUT:

The title attribute

Mouse over this paragraph, to display the title attribute as a tooltip.

The href Attribute

HTML links are defined with the <a> tag. The link address is specified in the href attribute:
<!DOCTYPE html>
<html>
<body>

<a href="http://www.VISSICOMP.com">This is a link</a>

</body>
</html>
OUTPUT:

Size Attributes:

HTML images are defined with the <img> tag.
The filename of the source (src), and the size of the image (width and height) are all provided as attributes:
The image size is specified in pixels: width="104" means 104 screen pixels wide.
<!DOCTYPE html>
<html>
<body>

<img src="http://www.vissicomp.com/images/Visicomp Logo.jpg" width="295" height="200" title="Vissicomp" alt="Vissicomp">
</body>
</html>
Output:


The alt Attribute

The alt attribute specifies an alternative text to be used, when an image cannot be displayed.
The value of the attribute can be read by screen readers. This way, someone "listening" to the webpage, e.g. a blind person, can "hear" the element.


Previous
Next Post »