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.
Comments
Post a Comment