Resources > HTML Reference List
HTML stands for HhyperText Mark-up Language. Its the basic coding that browsers generate so you can view a website! On this page, you will find a list of commonly used HTML tags for reference when you start coding any html-written documents. Last Updated Aug/15/2008.
Basic HTML Tutorial Series:
Intro |
Part 1 |
Part 2 |
Part 3
HTML Tags
! -
A -
B -
C -
D -
E -
F -
G -
H -
I -
J -
K -
L -
M -
N -
O -
P -
Q -
R -
S -
T -
U -
V -
W -
X -
Y -
Z
|
!
^ top
|
| Tag(s) | Attribute | Description |
| <!doctype ....> |
none specified |
the first line that appears in an HTML document, which depicts the HTML version that the
document uses. contains a URL to filenames ending in .dtd which describes the level of HTML, such as
strict, loose, or frameset. |
|
A
^ top
|
| Tag(s) | Attribute | Description |
| <a> ... </a> |
name, href, shape, class, dir, id, onclick, ondblclick, onmouseout, onmouseover, style,
target, title |
this tag is used for anchors, but most commonly used to link text and images to other
pages or websites with the href="URL" attribute. |
| <area> |
href, shape, coords, nohref, alt, class, dir, id, name, onclick, ondblclick, onmouseout,
onmouseover, style, target, title |
indicates an area on an imagemap that should be associated with a link |
|
B
^ top
|
| Tag(s) | Attribute | Description |
| <b> ... </b> |
(commonly none used) class, dir, id, style, title |
displays text in between these tags as boldface |
| <base> |
href, target |
used only to define the base URL for the whole document. for example <base
href="http://reminiscent-designs.net/"> - all links will combine with that URL - <a
href="index.html>link will now become http://reminiscent-designs.net/index.html |
| <big> ... </big> |
(commonly none used) class, dir, id, style, title |
makes text appear larger than normal. this tag still works, however it is uncommonly
used. stylesheets are a better alternative. |
| <blockquote> ... </blockquote> |
cite, class, dir, id, style, title |
use this tag to set a block of text in block quote format - there will be an indentation
on both left and right side of the text. |
| <body> ... </body> |
background, bgcolor, class, dir, id, onlcik, ondblclick, onmouseout, onmouseover,
onload,style, title |
encloses the content of a webpage |
| <br> |
(commonly none used) class, id, style, title |
inserts line break, causing the following text, images, elements ...etc to display on a
new line. usually |
| <button> ... </button> |
name, value, type, class, dir, disable, id, onclick, ondblclick, onload, onmouseout,
onmouseover, style, title |
adds a button control to a form |
|
C
^ top
|
| Tag(s) | Attribute | Description |
<caption> ... </caption> |
class, dir, id, style, title |
adds a short description of a table at the top of the table. this tag must immediately
follow <table< tag, and a table can only have one caption. |
| <center> ... </center> |
none specified |
centers content found in between this code. |
| <cite> ... </cite> |
class, dir, id, style, title |
encloses a citation or some other kind of reference to another source |
| <code> ... </code> |
class, dir, id, style, title |
encloses text that reprints source code that normally will be transformed by the browser
as normal coding. |
|
D
^ top
|
| Tag(s) | Attribute | Description |
| <del> ... </del> |
class, dir, id, style, title |
the 'delete' tag usually strikes through a block of text, indicating text has been
deleted. |
| <div> ... </div> |
style, class, dir, id, title |
encloses a section of content into its own layer. you can use attributes such as style
to affect only the enclosed section, without affecting the rest of the page. |
|
E
^ top
|
| Tag(s) | Attribute | Description |
| <em> ... </em> |
(commonly none used) class, dir, id, style, title |
for a special emphasis on text, most browsers will display this tag in italics. |
|
F
^ top
|
| Tag(s) | Attribute | Description |
| <font> ... </font> |
size, color, face, style, class, dir, id, title |
sets the style for font on a page. stylesheets are more effective for setting the style
of fonts, however this tag is still used for a specific font change. |
| <form> ... </form> |
action, method, name, class, dir, id, onclick, ondblclick, onload, onmouseout,
onmouseover, onsubmit, onreset, style, target, title |
encloses a form in which users can input and submit information |
| <frame> |
name, src, noresize, scrolling, frameborder, margin width, marginheight, class, id,
style, target, title |
encloses a frame to another document and establishes its appearance. |
| <frameset> ... </frameset> |
rows, cols, class, id, onload, style, title |
contains and establishes the arrangement of frames in a document. this tag replaces the
<body> tag and should immediately follow the document's <head></head> tags |
|
G
^ top
|
| Tag(s) | Attribute | Description |
|
There are no tags found for this letter. |
|
H
^ top
|
| Tag(s) | Attribute | Description |
| <head> ... </head> |
none specified |
header information that describes the document, such as title. content found here will
not be displayed when page is shown in a browser. |
<h1> ... </h1>
<h2> ... </h2>
<h3> ... </h3>
<h4> ... </h4>
<h5> ... </h5>
<h6> ... </h6>
|
class, dir, id, style, title |
called headline tags that are used to encase different heading types. there are 6
types with <h1> being most prominent to <h6> being less prominent |
| <hr> |
class, dir, id, style, title |
creates a horizontal line, also referred to as a rule, commonly used as a divider
for content |
| <html> ... </html> |
none specified |
encloses and executes all HTML tags in a document |
|
I
^ top
|
| Tag(s) | Attribute | Description |
| <i> ... </i> |
class, dir, id, style, title |
changes text to appear italicized. |
| <iframe> ... </iframe> |
frameborder, marginwidth, marginheight, name, scrolling, src, width, height, align,
class, id, name, style, target, title |
referred to as an inline-frame. a frame that is inserted into a page just as you
would insert an image or any other object. r |
| <img> |
height, hspace, name, src, vspace, width, alt, class, dir, id, onclick, ondblclick,
onmouseout, onmouseover, style, title, usemap |
displays an image on a page. |
| <input> ... </input> |
name, type, value, size, maxlength, src, align, alt, class, dir, disable, id, onclick,
ondblclick, onmouseover, onmouseout, onload, onselect, readonly, style, title, usemap |
a field that is part of a form. used to collect information the user
specifies. |
| <ins> ... </ins> |
class, dir, id, style, title |
used to define a section of a document that has been newly inserted. usually, this text
is displayed as underlined text. |
|
J
^ top
|
| Tag(s) | Attribute | Description |
|
There are no tags found for this letter. |
|
K
^ top
|
| Tag(s) | Attribute | Description |
| <kbd> ... </kbd> |
class, dir, id, style, title |
specifies text that should be entered by a user in a computer program. example:
the font changes to identify such text |
|
L
^ top
|
| Tag(s) | Attribute | Description |
| <li> ... </li> |
(commonly none used) class, dir, id, style, title |
sets a new item in a list, commonly used with the <ol> and <ul> tags. |
| <link> |
name, href, stype, rel, rev |
a relationship between current document and other resources. you can use more than one
<link> tags, but they can only be placed within the <head> and </head> tags. |
|
M
^ top
|
| Tag(s) | Attribute | Description |
| <map> ... <map> |
name, class, dir, id, style, title |
contains an imagemap that matches up areas on an object, such as an image, with
links. |
| <meta> |
name, content, http-equiv, scheme, lang, dir |
defines metadata property for a document. you may use this tag more than once, but only
within the <head> and </head> tags. |
|
N
^ top
|
| Tag(s) | Attribute | Description |
| <noframes> ... </noframes> |
class, dir, id, style, title |
browsers that cannot display frames, will display content found in between these tags as
an alternative. *this tag should be found within the <frameset> tag. |
| <noscript> ... </noscript> |
src, type, class, dir, id, style, title |
content inside will be displayed if a script that should load cannot be
executed. |
|
O
^ top
|
| Tag(s) | Attribute | Description |
| <object> ... </object> |
coebase, codetype, data, height, width, type, archive, standby, vspace, hspace, class,
dir, id, onclick, ondblclick, onload, onselect, onmouseout, onmouseover, style, title, usemap |
place objects of a document in between these tags, like files, interactive programs, and
other HTML documents. |
| <ol> ... </ol> |
class, dir, id, style, title |
used for ordered lists that will appear in numerical order. each item is defined
using <li> and </li> tags within the <ol> tags. |
| <option> ... </option> |
selected, value, class, dir, disable, id, onclick, onmouseover, onmouseout, style,
title |
adds a choice to a menu control on a form. |
|
P
^ top
|
| Tag(s) | Attribute | Description |
| <p> ... </p> |
align, class, dir, id, style, title |
creates a paragraph of text. instead of using breaks, this paragraph tag automativally
sets space above and below. |
| <pre> ... </pre> |
clas, dir, id, style, title |
and text found in between these tags will display text in a monospace font with all
whitespace intact. word-wrapping might not occur, so text may flow outside the right-margin, causing
horizontal scroll. example:the font is different!
notice the break?
ooh big space. |
|
Q
^ top
|
| Tag(s) | Attribute | Description |
| <q> ... </q> |
cite, class, dir, id, style, title |
this will add double quotation marks " " to identify a quote of text. |
|
R
^ top
|
| Tag(s) | Attribute | Description |
|
There are no tags found for this letter. |
|
S
^ top
|
| Tag(s) | Attribute | Description |
| <s> ... </s> |
none specified |
adds a strike(line) through text found in between this tag. |
| <script> ... </script> |
src, type, defer |
this tag holds a script that the browser will run. |
| <select> ... </select> |
name, size, multiple, class, dir, disable, id, onlcik, ondblclick, onmouseover,
onmouseout, style, title |
using this tag adds a menu control to a form. |
| <small> ... </small> |
class, dir, id, style, title |
displays text in a smaller-than-normal font size. example: example
text |
| <strong> ... </strong> |
class, dir, disable, id, style, title |
adds emphasis to text. Like the <em> tag, this will often display bold
text. |
| <style> ... </style> |
type, media, dir, title |
determines stylesheet codes in the head <head> of a document. |
| <sub> ... </sub> |
class, dir, id, style, title |
text is subscripted. example: example text |
| <sup> ... </sup> |
class, dir, id, style, title |
text is superscripted. example: example text |
|
T
^ top
|
| Tag(s) | Attribute | Description |
| <table> ... </table> |
border, cellpadding, cellspacing, frame, summary, rules, width, align, bgcolor, class,
dir, id, style, title |
organizes information into a table of rows and columns. |
| <tbody> ... </tbody> |
align, class, dir, style, table, valign |
contains rows of a table's cell. If <thead> and/or <tfoot> is used within the
table, <tbody> should hold the bodied cells/rows or the table. |
| <td> ... </td> |
headers, scope, abbr, axis, rowspan, colspan, bgclor, height, width, align, class, dir,
style, title, valign |
information inside a table cell - rows, text, and/or other content. |
| <textarea> ... </textarea> |
name, rows, cols, class, dir, disabled, id, readonly, style, title |
|
| <tfoot> ... </tfoot> |
align, class, dir, id, style, title, valign |
inserts a footer row at the end of a table including footer information. use this only
if the <thead> and/or <tbody> tags are used, but it must appear before the <tbody>
tag. |
| <th> ... </th> |
align, class, dir, id, style, title, valign |
a cell of a table that gives header information. |
| <thead> ... </thead> |
align, class, dir, id, style, title, valign |
inserts a header row at the beginning of a table including header information. use this
only if the <tbody> tag is used, but it must appear before the <tbody> tag. |
| <title> ... </title> |
dir |
type a title in between this tag to appear on a browser window's title bar. |
| <tr> ... </tr> |
align, class, dir, id, style, title, valign |
adds a row to a cell in a table. |
| <tt> ... </tt> |
class, dir, id, style, title |
displays text in a monospace or teletype font. |
|
U
^ top
|
| Tag(s) | Attribute | Description |
| <u> ... </u> |
none specified |
adds an underline to text. |
| <ul> ... </ul> |
class, dir, id, style, title |
creates a list of unordered bullets, meaning the list will not be numbered or lettered
in an orderly manner - instead, symbols such as a dot, circle or square will appear. |
|
V
^ top
|
| Tag(s) | Attribute | Description |
| <var> ... </var> |
class, dir, id, style, title |
often appearing in italicized text, use this tag to represent a variable name or
command-line argument of a computer program. |
|
W
^ top
|
| Tag(s) | Attribute | Description |
|
There are no tags found for this letter. |
|
X
^ top
|
| Tag(s) | Attribute | Description |
| <xmp> ... </xmp> |
none specified |
Displays HTML code instead of executing codes normally. |
|
Y
^ top
|
| Tag(s) | Attribute | Description |
|
There are no tags found for this letter. |
|
Z
^ top
|
| Tag(s) | Attribute | Description |
|
There are no tags found for this letter. |
|
|