Tuesday, March 3, 2009

ADDRESS tag

Note: If you don't know what a tag is and/or how you must use it we recommend you to read our HTML tags and attributes tutorial that you can find in our HTML tutorials section.

Table of contents

* Description
* Attributes
* Events
* Examples



Description
The HTML address tag is commonly used to provide contact information at the bottom or beginning of a document or a form. It could be used, for example, to provide information about the enterprise behind the website, the author of a specific article or the author of the website itself. Note that browsers may change the aspect of the text between these tags (e.g., italic font).

Attributes
id (name)
The "id" attribute assigns an identifier to the associated element. This identifier must be unique in the document and can be used to refer to that element.

Example:

Code begin

This is the first paragraph named as paragraph1. To dynamically change its properties use this identifier.

Code end



class (cdata)
The "class" attribute assigns a class name (or a list of class names separated by spaces) to the container element. It's used with style sheets and tells the browser the class to which the element is associated with. A class gives visual attributes to elements.

Example:

Code begin

This article is based on the book "Wind in the trees" by Jhon L. Brooks



This article is based on the book "Wind in the trees" by Jhon L. Brooks... and is more important than the one before.

Code end



style (style)
Defines a visual style of this element. Is a better practice to define styles attributes in external style sheets grouping them in classes. Attributes in the "style" parameter must preserve this order "name : value" and be separated by a semi-colon.

If you're writing XHTML code it's recommended not to use this attribute and try style sheet classes (with the "class" attribute).

Example:

Code begin

This is a paragraph with a defined style


And this is another text without style.

Code end



title (text)
Indicates a title for the element. Used to give a short description about the element that is usually shown as a "tool tip" when the user put the mouse pointer over the element.

Example:

Code View
HTML code HTML code


lang (langcode)
Specifies the language of an element's content. The default value in "unknown".

When writing XHTML code the syntax "xml:lang" represents a preferred alternative in XHTML 1.0 and a replacement in XHTML 1.1 (e.g., xml:lang="en").

Example:

Code begin

This is a paragraph in english.


Este es un párrafo en español.

Code end



dir
Specifies the text direction of the element's contents and attribute values, as well as tables directionality. It has two possible values that are case insensitive:

* RTL: Right to left.
* LTR: Left to right.

Example:

Code begin ...a Hebrew quotation...Code end




Events

* onclick
* ondblclick
* onmousedown
* onmouseup
* onmouseover
* onmousemove
* onmouseout
* onkeypress
* onkeydown
* onkeyup

See complete list and information about events in HTML

Events in HTML

As well as attributes, events can be defined in HTML tags. Events, instead of giving values to the elements like the attributes, trigger actions when they occurs. These actions are defined by client-side scripts that are programs written to perform some action in a specific language (e.g., JavaScript, VBScript, etc.). There are different events that occurs in different instances according to browsers or users actions.

List of events

Below is al list of all events available for the HTML 4.01 Standard.

* onload: The onload event occurs when the user agent finishes loading a window or all frames within a frameset.
* onunload: The onunload event occurs when the user agent removes a document from a window or frame.
* onclick: The onclick event is triggered when the mouse button is clicked over the element.
* ondblclick: The ondblclick event occurs when the pointing device button is double clicked over an element.
* onmousedown: The onmousedown event is triggered when the mouse button is pressed over the element.
* onmouseup: The onmouseup event occurs when the pointing device button is released over an element.
* onmouseover: The onmouseover event is triggered when the mouse is moved onto the element.
* onmousemove: The onmousemove event occurs when the pointing device is moved while it is over an element.
* onmouseout: The onmouseout event is triggered when the mouse is moved away from the element.
* onfocus: The onfocus event occurs when an element receives focus either by the pointing device or by tabbing navigation.
* onblur: The onblur event is triggered when an element loses focus either by the pointing device or by tabbing navigation.
* onkeypress: The onkeypress event occurs when a key is pressed and released over an element.
* onkeydown: The onkeydown event is triggered when a key is pressed down over the element.
* onkeyup: The onkeyup event occurs when a key is released over an element.
* onsubmit: The onsubmit event is triggered when a form is submitted.
* onreset: The onreset event occurs when a form is reset.
* onselect: The onselect event is triggered when a user selects some text in a text field.
* onchange: The onchange event occurs when a control loses the input focus and its value has been modified since gaining focus.

No comments:

Post a Comment