QUICK LINKS


Color HEX Codes

Special characters




HOME

BACK-HTML Tags

NEXT-Style Sheets

HTML Attributes


COMMON ATTRIBUTES IMAGE ATTRIBUTES TABLE ATTRIBUTES LINK ATTRIBUTES LIST ATTRIBUTES



Common Attributes

dir
The dir attribute sets the direction of the text.
Ex. <html dir="ltr"> (left to right), <html dir="rtl"> (right to left)

lang
The lang attribute indicates the language being used for the page.
Ex. <html lang="en"> (english), <html lang="es"> (spanish)

version
*Deprecated for !DOCTYPE*
The version attribute notes which HTML specifications were used to create the page.
Ex. version="-//W3C//DTDT HTML 4.01 Final//EN"

profile
The profile attribute is set to a URP that identifies information the browswer should use when rendering or indexing the contents of the related Web page.
Ex. <head profile="http://www.webpagename.com">

bgcolor
The bgcolor attribute sets the background color of the page.
Ex. <body bgcolor="#FFFFFF">

background
*Deprecated for style sheet element - background-image: url("filename.ext");*
The background attribute sets the background of the page to a picture or image.
Ex. <body background="picture.jpg">

text
*Deprecated for style sheet element - color: #FFFFFF;*
The text attribute sets the color of the text.
Ex. <body text="#FFFFFF">

noshade and size
*Deprecated*
The noshade attribute displays the horizontal rule as a solid color.
The size attribute sets the thickness of a horizontal rule.
Ex. <hr noshade size="4">

Image Attributes

src
The src attribute tells the browser where to find an image you put on the page.
Ex. <img src="//www.filename/imgages/picture.jpg">

alt
The alt attribute provides a test-based description of an image. This will show up when the mouse is hovering over the image or when the user is using a non graphical browser.
Ex. <img scr="http://www.filename/imgages/picture.jpg" alt="description of image">

height
The height attribute lets you control the height of an image, table, table cell, etc.
Ex. <img src="//filename/images/picture.jpg" height="150">

width
The width attribute lets you control the width of an image, horizontal rule, table, table cell, etc.
Ex. <img src="//filename/images/picture.jpg" width="150">

align
*Deprecated for use with images and text, replaced with style sheet elements *... See next entry.
The align attribute allows you to align text, images, horizontal rules, etc. to the left, right, or centered on the page. It will also align images to the top, middle, or bottom of a line of text. Even though these have been deprecated there is no easy alternative when it comes to vertical alignment of images.
Ex. <p align="left">

Table Attributes

align
*Deprecated for use with images and text but not for use within table cells.*
The align attribute allows you to align the text of row or individual cell in a table to the left, right, or center.
Ex. <tr align="center">

valign
The valign attribute is used to control the vertical placement of data with the cells of a table row to the top, bottom, or center of the cell.
Ex. <tr valign="top">
border
The border attribute controls the size of the border around an image or table and table cells. It is deprecated for use with images to style sheet element border-width:, but it is still used for tables.
Ex. <table border="5">

cellspacing
The cellspacing attribute controls the distance between the individual table cells.
Ex. <table cellspacing="5">

cellpadding
The cellpaddin attribute controls the amount of space between the data in a cell and the cell rule or border.
Ex. <table cellpadding="5">

colspan
The colspan attribute controls how many columns a particular table cell will span.
Ex. <th colspan="6">

rowspan
The rowspan attribute controls how many rows a particular table cell will span.

Link Attributes

alink
*Deprecated for style sheet element - a:active {color: #FFFFFF;} *
The alink attribute sets the color of the active link.
Ex. <body alink="#FFFFFF">

link
*Deprecated for style sheet element - a:link {color: #FFFFFF;} *
The link attribute sets the color of the all links which have not bee visited.
Ex. <body link="#FFFFFF">

vlink
*Deprecated for style sheet element - a:visited {color: #FFFFFF;} *
The vlink attribute sets the color of visited links.
Ex. <body vlink="#FFFFFF">

href
The href attribute identifies the path to the target of the link. Every source anchor tag contains the href attribute.
Ex. <a href="http://www. webpagename.html">

rel
The rel attribute points foward to the next Web page in the series or to the index or table of contents for the site.
Ex. <a rel="next" href="http://nextwebpage.html"> or <a rel="index" href="http://index.html">

rev
The rev attribute points backward to the previous page in the series or to the home page.
Ex. rev="previous" href="http://previouswebpage.html" or rev="start" href="http://homepage/index.html"

id and name
The id and name attributes provide intrapage target names that identify a specific location within the HTML document such as a section or paragraph on the page. Either id or name can be used..the XML standard uses the id attribute however browser versions 4 or older cannot use the id attribute. Ex. <a name="CG">Charlie Brown</a> or <a id="CG">Charlie Brown</a>
Once the id or name attributes have been used to create intrapage targets the source anchor's href attribute along with the octothorp or number sign can used to link to them.
Ex. <a href="#CG">Charlie Brown</a>

List Attributes

start and value
*Deprecated with no replacement* The start attribute lets the author control the starting point of an ordered list.
Ex. <ol start="3">
The value attribute lets the author control the starting point of an list item.
Ex. <li value="5">

type
*Deprecated for style sheet attribute --> list-style-type: The type attribute changes the style of the numbers or letters in an ordered list. The values are: "A"-upper-alpha, "a"-lower-alpha, "I"-upper-roman, "i"-lower-roman, and "1"-decimal.
Ex. <ol type="A">


Top of Page