HTML Attributes & Styles

HTML attributes are characteristics of an element that provide additional information or formatting. Some attributes are unique to the HTML elements that they are used with, and other attributes can be used on multiple HTML element. Attributes are placed in opening HTML tags in the following manner:

<p style="align: center;"> </p>

The style attribute is (or should be) the most commonly used attribute, also known as inline CSS. Although there are other attributes that can be used, some will not be supported by future versions of HTML, instead their functions will be a part of the CSS styling.

Below is a list of the attributes that are currently available. Keep in mind many are better off replaced with CSS.

The Attribute The Options What It Does
accesskey User Defined Specifies Keyboard Shortcut to Access an Element
align right, left or center Elements Align At Left, Right or Center (Horizontal)
valign top, middle or bottom Elements Align At Top, Bottom or Middle (Vertical)
bgcolor numeric, hexadecimal Places A Background Color Behind An Element
background URL Places A Background Image Behind An Element
class Anything You Want Cascading Style Sheet Class Of An Element
color numeric, hexadecimal Defines the Text Color Of An Element
contenteditable true/false Specifies If User Can Edit an Element's Content
contextmenu Menu id Specifies an Element's Context Menu
data-XXXX User Defined Custom Attributes
dir left, right Specifies Text Direction
draggable true,false,auto Specifies Whether User can Drag an Element
dropzone copy, move, link Specifies Whether Dragged Data is Copied, Moved, or Linked
height A Number Specifies Height Of Tables, Table Cells & Images
hidden hidden Specifies Whether Element Should be Visible
id Anything You Want Cascading Style Sheet Id Of An Element
item List of elements Used to Group Elements
itemprop List of items Used to Group Items
lang Specifies Language of Content
spellcheck true, false Specifies If Element Should Have Spelling/Grammer Checked
style CSS Style sheet Specifies Inline Style for Element
subject User define id Specifies Element's Corresponding Item
tabindex Tab number Specifies Element's Tab Order
title User Defined Element Titles
translate Specifies Whether or Not Content Should Be Translated
width A Number Specifies Width Of Tables, Table Cells & Images

If you don't completely understand attributes yet, don't panic. They will become more clear as you test your newly-acquired skills.