Style Sheets

class=""

This attribute is used with Cascading Style Sheets to apply styles to the element.

<span class="warning">Be Careful!</span>

id=""

This attribute is used with Cascading Style Sheets to assign an identification to the element.

<div id="mainarea">some text</div>

style=""

Let's you specify how to style the element inline.

<span style="color: green; font-family: arial">grass is green</span>

Other attributes

accesskey=""

Used to specify an access key for the element.

<a href="page.html" accesskey="G">go there<a>

lang=""

This specifies the language of the textual data within the element.

<p lang="en">Welcome to my page

title=""

This is used to supply more information about the content within the element.

<a href="page.html" title="info about z and y monitors">Monitors</a>

dir="left|right"

Specifies the direction of text.

<span dir="right">some text</span>

align="right|center|left"

Aligns the element to either right, center, or left.

<div align="center">some text</div>

Scripts

onload=""

Occurs when the document or all framesets load.

<span onload="function('value')">some text</span>

onunload=""

Occurs when the document or all framesets unload.

<span onunload="function('value')">some text</span>

onclick=""

Occurs when the object is clicked.

<span onclick="function('value')">some text</span>

ondblclick=""

Occurs when the object is double clicked.

<span ondblclick="function('value')">some text</span>

onmousedown=""

Occurs when the object is click down on.

<span onmousedown="function('value')">some text</span>

onmouseup=""

Occurs when the click is release from the object.

<span onmouseup="function('value')">some text</span>

onmouseover=""

Occurs when the mouse is moved over the object.

<span onmouseover="function('value')">some text</span>

onmousemove=""

Occurs when the pointer is over the object and the pointer moves.

<span onmousemove="function('value')">some text</span>

onmouseout=""

Occurs when the pointer moves off of the object.

<span onmouseout="function('value')">some text</span>

onfocus=""

Occurs when the object recieves focus.

<span onfocus="function('value')">some text</span>

onblur=""

Occurs when the object focus is removed.

<span onblur="function('value')">some text</span>

onkeypress=""

Occurs when a key is press on the object.

<span onkeypress="function('value')">some text</span>

onkeydown=""

Occurs when a key is pressed down on the object.

<span onkeydown="function('value')">some text</span>

onkeyup=""

Occurs when a key is released on the object.

<span onkeyup="function('value')">some text</span>

onsubmit=""

Occurs when a form is submited.

<form onsubmit="function('value')">

onreset=""

Occurs when a form is reset.

<span onreset="function('value')">some text</span>

onselect=""

Occurs when a text area is selected.

<span onselect="function('value')">some text</span>

onchange=""

Occurs when text area is changed and looses focus.

<span onchange="function('value')">some text</span>