HTML Attributes
Published: Tuesday, November 04, 2003
 |
What are HTML Attributes?
HTML elements can have associated properties known as attributes. Attributes are
added to an element as name-value pairs before the closing '>' of the element's
start tag. An attribute consists of 2 parts - a name (e.g. face) and a value
(e.g. Arial).
Example: <img src="/images/logo.gif" alt="Logo" width="400" height="300">
In the above example, there are 4 attributes of the image element. The name of these
attributes are src, alt, width and height. The corresponding values are /images/logo.gif,
Logo, 400 and 300.
- Any number of (legal) attributes can be added to an element.
- Attributes are added in the name="value" format.
- Attributes are separated by spaces.
- Attribute names are not case sensitive.
- It is a good coding practice to enclose attribute values within double quotes (").
- If quotes are not used, values can consist of letter (a-z and A-Z), digits (0-9),
hyphens and periods.
|
|
Some commonly used HTML attributes
Here is a list of commonly used attributes.
align :
Alignment attribute - Aligns the element in horizontal direction.
Values - left | center | right
Some related elements - <img>, <input>, <table>, <hr>,
<th>, <td>, <tr>, <iframe>.
valign :
Vertical Alignment attribute - Aligns the element in vertical direction.
Values - top | middle | baseline | bottom
Some related elements - <th>, <td>, <tr>, <tbody>.
width :
Width attribute - Specifies the width of an element.
Values - pixels | % of parent width
Some related elements - <table>, <hr>, <iframe>, <img>,
<td>, <th>.
height :
Height attribute - Specifies the height of an element.
Values - pixels | % of parent height
Some related elements - <table>, <hr>, <iframe>, <img>,
<td>, <th>.
size :
Width attribute - Specifies the width of an element.
Values - pixels | % of parent cell
Some related elements - <table>, <hr>, <iframe>, <img>,
<td>, <th>.
face :
Face attribute - Sets the face of a font attribute. Font faces are specified as
comma-separated list. The font element attributes may not be supported in future HTML versions (deprecated).
W3C recommends using style sheets for formatting instead of HTML formatting attributes.
Some values - Arial | Verdana | Helvetica
Related elements - <font>, <basefont>.
|
|
HTML Elements
