By using this site you agree to the use of cookies by Brugbart and our partners.

Learn more

HTML Attributes

List of HTML Attributes. Includes lots of Background Information.

Edited: 2014-01-04 19:40

This entry is a list of attributes in HTML, as well as a few examples as of how to use them.

Global Attributes

Attributes are attached to the opening tag, starting with its name, followed by the equal sign (=) and finally its quoted value.

Attribute:Description:
styleUsed to apply styles.
titleUsed for tool-tips.
classUsed to group elements, and by CSS selectors
idUnique id_name.

The class Attribute:

<!DOCTYPE html>
<html lang="en-US">

  <head>
    <title>Class attribute Example</title>
    <style type="text/css">
     .Yellow {
      color: blue;
     }
     .Gray {
      color: blue;
     }
    </style>
  </head>

  <body>
    <article>
      <h1>Class Attribute Example.</h1>
      <p class="Yellow">This paragraph is Yellow.</p>

      <p><a href="http://www.brugbart.com/" class="Yellow">Tutorials/References</a></p>
      <p><a href="http://validator.w3.org/" class="Gray">The W3C Markup Validation Service</a></p>
    </article>
  </body>

</html>

The class attribute is used to group elements, this makes it easy to style elements by the use of class selectors in css.

The id Attribute:

The id attribute is similar to the class attribute, elements with an id attribute may be styled by the use of id selectors any given id must not occur more then once in a page, if you need to group elements you should use classes instead, ids are used to apply a unique identifier to an element. Below is a heading with a unique ID

<h1>Example</h1>
<p>Section Linking Example</p>
<h2 id="Section2">Section2</h2>
<p>Second Section</p>

You can link to the second section by adding #Section2 to the url.

Event Attributes

The event attributes is used by scripts.

Attribute:Value:Description:
onclickScriptA pointer button was clicked.
ondblclickScriptA pointer button was double clicked
onmousedownScriptA pointer button was pressed down
onmouseupScriptA pointer button was released.
onmouseoverScriptA pointer was moved onto.
onmousemoveScriptA pointer was moved within.
onmouseoutScriptA pointer was moved away.
onkeypressScriptA key was pressed and released.
onkeydownScriptA key was pressed down.
onkeyupScriptA key was released.
onloadScriptWhen either the page (use on body), image, or frame loads.

I18n Attributes

The Internationalization Attributes.

Attribute:Value:Description:
langLanguageCodeLanguage code
dirltr|rtlDirection for text.