// References / HTML Attributes

Posted The: 30/07/2008 - AT: 22:02

Edited The: 02/09/2008 - AT: 13:16

This entry is a list of attributes, including a few examples.

Common 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 Style Attribute:

<p style="font-weight:bold;">A paragraph of text</p>

The style attribute is used to apply CSS styles.

The title Attribute:

<p><a href="/References/122/" title="Attributes in HTML">HTML Attributes</a></p>

The title attribute will be rendered as a small tooltip in most browsers, use it to apply a subdescription to an element.

The class Attribute:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">

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

  <body>
    <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>

  </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 similer to the class attribute, elements with an id attribute may be styled by the use of id selectors any given id must not accur 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.

I18n Attributes

The Internationalization Attributes.

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

These attributes where listed in the html4.01 Transitional DTD.

Stumble It!

Author: BlueBoden

Comments: [0]

  1. menu icon

    Tutorials

  2. HTML Tutorial
  3. CSS Tutorial
  4. XHTML Tutorial
  5. RSS Tutorial
  6. PHP Tutorial
  7. htaccess Tutorial
  8. Server Tutorial
  9. SEO Tutorial
  1. RSS icon

    Articles Feed

  2. Paid Links a Trap in SEO
  3. The Secret about Linkbuilding in SEO
  4. XHTML and Mime Types
  5. XHTML vs HTML
  6. A few CSS Tips

  7. Reference

  8. HTML Reference
  9. CSS Reference
  10. PHP Reference
  1. menu icon

    Brugbart News

  2. 03/01/2009
  3. 26/10/2008
  4. 20/08/2008
  5. 15/06/2008
  6. 23/05/2008
  1. menu icon

    Menu

  2. Brugbart in Danish
  3. BlueBoden's Blog
  4. Brugbart's Shop
  5. Search!
  6. About
  7. Contact
  8. LBD GuestBook
  9. Terms of Service
  10. Alternative Titles

  11. User Menu

  12. New user
  13. Login

  14. Tapet

  15. LBD Default
  16. Emerald
  17. Gold
menu icon

Brugbart Overview

Checked At:04:44

7 Guests

0 Users

Online doing the past 15 Minutes!

PageRanking.dk - Flere hits og højere PageRank - GRATIS tilmelding!

This page was created in 0.0842089653015 seconds

Welcome Guest