Scribd
Upload
42 views

HTML Tag List

This document provides a quick list of many common HTML tags and their attributes. It summarizes tags for text formatting, links, images, tables, forms, frames and more. For each tag, it lists important attributes like HREF, SRC, WIDTH, HEIGHT and how they control things like linking URLs, file paths, sizes and more.

Uploaded by

anilkhurana
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
42 views

HTML Tag List

This document provides a quick list of many common HTML tags and their attributes. It summarizes tags for text formatting, links, images, tables, forms, frames and more. For each tag, it lists important attributes like HREF, SRC, WIDTH, HEIGHT and how they control things like linking URLs, file paths, sizes and more.

Uploaded by

anilkhurana
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 11

HTML Quick List

Top of Form

Open these links in a new window


Bottom of Form
<!-- ••• --> Comment
<!DOCTYPE ...>
<A ...> Anchor HREF: URL you are linking to
NAME: name a section of the page
TARGET = "_blank" | "_parent" | "_self" | "_top" |
window name
which window the document should go in
TITLE: suggested title for the document to be
opened
onClick: script to run when the user clicks on this
anchor
onMouseOver: when the mouse is over the link
onMouseOut: when the mouse is no longer over the
link
ACCESSKEY
<ADDRESS>
<APP ...>
<APPLET ...> CODE:the applet to run
CODEBASE: path to the applet class
WIDTH: width of the applet
HEIGHT: height of the applet
ALIGN = LEFT | RIGHT | TOP | MIDDLE | BOTTOM |
BASELINE
alignment of applet to surrounding text
VSPACE: vertical space between applet and
surrounding text
HSPACE: horizontal space between applet and
surrounding text
BORDER: empty space surrounding the applet
NAME: name of applet for reference by other applets
ARCHIVE: a compressed collection of applet
components
MAYSCRIPT: If Java can use JavaScript
<AREA ...> HREF: URL you are linking to
ALT: alternate text if the image isn't displayed
SHAPE = RECT | CIRCLE | POLY | DEFAULT
what shape is this area?
COORDS: coordinates for the link area shape
TITLE: Short description of the area
TARGET: what frame to go to
NOHREF:this area is not a link
onClick: script action when the user clicks this
area
onMouseOver
onMouseOut
<B> Bold
<BASE ...> Base Address HREF:default address for hypertext links
TARGET = "_blank" | "_parent" | "_self" | "_top" |
frame name
default window for linked documents
<BASEFONT ...> SIZE
COLOR
FACE
<BGSOUND ...> SRC:URL of the sound
LOOP = INFINITE | number of loops
how many times to play the sound
<BIG>
<BLINK>
<BLOCKQUOTE ...> Block Quote
<BODY ...> BGCOLOR: background color of the page
BACKGROUND: background picture for the page
TEXT: color of the text on the page
LINK: color of links that haven't been followed yet
VLINK: color of links that have been followed
ALINK: color of links while you are clicking on them
BGPROPERTIES = FIXED
if the background image should not scroll
TOPMARGIN: size of top and bottom margins
LEFTMARGIN: size of left and right margins
MARGINHEIGHT: size of top and bottom margins
MARGINWIDTH: size of left and right margins
onLoad: Script to run once the page is fully loaded
onUnload
onFocus
onBlur
STYLESRC: MS FrontPage extension
SCROLL = YES | NO
If the document should have a scroll bar
<BR ...> Line Break CLEAR = LEFT | RIGHT | ALL | BOTH
go past a picture or other object
<BUTTON ...> TYPE = BUTTON | SUBMIT | RESET
what type of button is this
onClick: script to run when the user clicks here
NAME: name of this button element
VALUE: the value sent with the form
DISABLED: disable this button
ACCESSKEY: shortcut key for this button
TABINDEX: tab order
<CAPTION ...> ALIGN = TOP | BOTTOM | LEFT | RIGHT
alignment of caption to table
VALIGN = TOP | BOTTOM
if caption should be above or below table
<CENTER ...>
<CITE> Citation
<CODE>
<COL ...> Column SPAN: how many columns this affects
ALIGN = LEFT | CENTER | RIGHT | JUSTIFY
horizontal alignment
WIDTH: width of the column
BGCOLOR: background color of the column
<COLGROUP ...> Column Group SPAN: how many columns this affects
ALIGN: alignment of cell contents
WIDTH: Width of the column group
<COMMENT>
<DD> Definition Description
<DEL> Deleted
<DFN> Definition
<DIR ...> Directory List
<DIV ...> ALIGN = LEFT | CENTER | RIGHT | JUSTIFY
text alignment
<DL ...> Definition List COMPACT: take up less space
<DT> Definition Term
<EM> Emphasis
<EMBED ...> SRC: URL of resource to be embedded
WIDTH: width of area in which to show resource
HEIGHT: height of area in which to show resource
ALIGN = ABSBOTTOM | ABSMIDDLE | MIDDLE | TEXTTOP |
RIGHT | LEFT | BASELINE | CENTER | BOTTOM | TOP
how text should flow around the picture
NAME: name of the embedded object
PLUGINSPAGE: where to get the plugin software
PLUGINURL: where to get the JAR archive for
automatic installation
HIDDEN = FALSE | TRUE
if the object is visible or not
HREF: make this object a link
TARGET: frame to link to
AUTOSTART = TRUE | FALSE
if the sound/movie should start automatically
LOOP = TRUE | FALSE | # of loops
how many times to play the sound/movie
PLAYCOUNT: how many times to play the
sound/movie
VOLUME: how loud to play the sound
CONTROLS = VOLUMELEVER | STOPBUTTON |
PAUSEBUTTON | PLAYBUTTON | SMALLCONSOLE | CONSOLE
which sound control to display
CONTROLLER = TRUE | FALSE
if controls should be displayed
MASTERSOUND: indicates the object in a sound group
with the sound to use
STARTTIME: how far into the sound to start and stop
ENDTIME: when to finish playing
<FIELDSET>
<FONT ...> SIZE: size of the font
COLOR: color of the text
FACE: set the typestyle for text
POINT-SIZE
WEIGHT
<FORM ...> ACTION: URL of the CGI program
METHOD = GET | POST
how to transfer the data to the CGI
NAME: name of this form
ENCTYPE = "multipart/form-data" |
"application/x-www-form-urlencoded" |
"text/plain"
what type of form this is
TARGET = "_blank" | "_parent" | "_self" | "_top" |
frame name
what frames to put the results in
onSubmit: script to run before the form is submitted
onReset: script to run before the form is reset
<FRAME ...> SRC: what file to put in the frame
NAME: the name of the frame
SCROLLING = YES | NO | AUTO
should the frame have a scrollbar?
NORESIZE: don't let the user make the frame bigger
or smaller
FRAMEBORDER = YES | 1 | NO | 0
should this frame have a border?
BORDERCOLOR: color of the surrounding border
MARGINWIDTH: the internal left and right margins for
the frame
MARGINHEIGHT: the internal top and bottom margins
for the frame
<FRAMESET ...> COLS: how many cols in the frameset
ROWS: how many rows in the frameset
FRAMEBORDER = YES | 1 | NO | 0
if the frames should have borders
FRAMESPACING: space between the frames
BORDER: space between frames
BORDERCOLOR: color of frame borders
<H# ...> Headers<H1 ...>, ALIGN = LEFT | RIGHT | CENTER | JUSTIFY
<H2 ...>, <H3 ...>, alignment
<H4 ...>,
<H5 ...>,
<H6 ...>
<HEAD>
<HR ...> Horizontal Rule NOSHADE: don't use shadow effect
SIZE: height
WIDTH: horizontal width of the line
ALIGN = LEFT | RIGHT | CENTER
horizontal alignment of the line
COLOR: color of the line
<HTML>
<HTMLPLUS ...>
<HYPE>
<I> Italics
<IFRAME ...> Inline Frame SRC: URL of the document to go in the frame
HEIGHT: height of the inline frame
WIDTH: width of the inline frame
NAME: name of this inline frame
LONGDESC: URL of a long description of the contents
of the frame
FRAMEBORDER = 1 | 0
if the frame should have a border around it
MARGINWIDTH: internal left/right margin for the frame
MARGINHEIGHT: internal top/bottom margin for the
frame
SCROLLING = YES | NO | AUTO
if the frame should have scroll bars
ALIGN = LEFT | RIGHT | TOP | TEXTTOP | MIDDLE |
ABSMIDDLE | CENTER | BOTTOM | ABSBOTTOM | BASELINE
alignment of the frame object to text around it
VSPACE: space above and below the frame
HSPACE: space to the left and right of the frame
<IMG ...> Image SRC: where to get the picture
ALT: text to show if you don't show the picture
NAME
LONGDESC: URL of a long description of the image
WIDTH: how wide is the picture
HEIGHT: how tall is the picture
ALIGN = LEFT | RIGHT | TOP | TEXTTOP | MIDDLE |
ABSMIDDLE | BOTTOM | ABSBOTTOM | BASELINE
how text should flow around the picture
BORDER: border around the picture
HSPACE: horizontal distance between the picture
and the text
VSPACE: vertical distance between the picture and
the text
ISMAP: is this a clickable map?
USEMAP: name of the map definition
LOWSRC: a version of the picture that isn't such a big
file
NATURALSIZEFLAG: meaningless
NOSAVE: meaningless
DYNSRC: play a movie file
CONTROLS: show the buttons which control the
movie
LOOP = INFINITE | -1 | # of loops
how many times to loop the movie
START = FILEOPEN | MOUSEOVER
when to start playing the movie
onLoad: script to runs after the image is
downloaded
SUPPRESS = TRUE | FALSE
Don't show icons of images that haven't
downloaded yet
<INPUT ...> TYPE = TEXT | CHECKBOX | RADIO | PASSWORD | HIDDEN |
SUBMIT | RESET | BUTTON | FILE | IMAGE
what type of field
NAME: name of this form field
VALUE: initial or only value of this field
SIZE: how wide the text field should be
MAXLENGTH: maximum number of characters
CHECKED: check this checkbox or radio button
BORDER: border around image
SRC: URL of image
ALT: text to show if you don't show the picture
LOWSRC: a version of the picture that isn't such a big
file
WIDTH: width of image
HEIGHT: height of image
ALIGN = LEFT | RIGHT | TOP | TEXTTOP | MIDDLE |
ABSMIDDLE | CENTER | BOTTOM | ABSBOTTOM | BASELINE
how text should flow around the picture
VSPACE: vertical distance between the picture and
the text
HSPACE: horizontal distance between the picture
and the text
READONLY: the value of this field cannot be changed
DISABLED: don't let the user do anything with this
field
ACCESSKEY
TABINDEX: tab order
LANGUAGE = "JavaScript" | "JavaScript1.1" |
"JSCRIPT" | "VBScript" | "VBS" | other language
scripting language to use
onClick: when the user clicks here
onChange: when this field is changed
onFocus: when this field gets the focus
onBlur: when this field loses the focus
onKeyPress: script to run when a key is pressed
onKeyUp: script for when a key goes up while the
field has the focus
onKeyDown: script for when a key goes down while
the field has the focus
AUTOCOMPLETE = ON | OFF
If the browser should use autocompletion for the
field
<INS> Inserted<DEL>
<ISINDEX ...> PROMPT: prompt string to show before the text entry
area
ACTION: the CGI to call
<KBD> Keyboard
<LABEL ...> FOR: form element for which this is a label
<LEGEND ...> ALIGN = RIGHT | CENTER | LEFT
<LI ...> List Item TYPE = DISC | CIRCLE | SQUARE | 1 | A | a | I | i
type of bullet or numeral
VALUE: where to continue counting
<LINK ...> REL: relationship to this page
REV: reverse relationship to this page
HREF: URL of related document
TITLE: suggested title
MEDIA = SCREEN | PRINT | PROJECTION | AURAL |
BRAILLE | ALL | other media
What media type the link applies to
TYPE: MIME type of linked resource
<LISTING>
<MAP ...> NAME:name of this map
<MARQUEE ...> WIDTH: how wide the marquee is
HEIGHT: how tall the marquee is
DIRECTION = LEFT | RIGHT
which direction the marquee should scroll
BEHAVIOR = SCROLL | SLIDE | ALTERNATE
what type of scrolling
SCROLLDELAY: how long to delay between each
jump
SCROLLAMOUNT: how far to jump
LOOP = INFINITE | number of loops
how many times to loop
BGCOLOR: background color
HSPACE: horizontal space around the marquee
VSPACE: vertical space around the marquee
<MENU ...>
<META ...> NAME = KEYWORDS | DESCRIPTION | REFRESH | many
others
The pupose of this META tag
HTTP-EQUIV: Name of the pretend HTTP header
CONTENT: Metainformation content
<MULTICOL ...> COLS: how many columns
GUTTER: space between columns
WIDTH: width of a single column
<NOBR> No Break
<NOEMBED>
<NOFRAMES>
<NOSCRIPT>
<OL ...> Ordered List TYPE =1|A|a|I|i
type of numerals
START: where to start counting
<OPTION ...> VALUE: what's the value if this option is chosen
SELECTED: this option is selected by default
<P ...> Paragraph ALIGN = LEFT | CENTER | RIGHT | JUSTIFY
alignment of text within the paragraph
CLEAR = LEFT | RIGHT | ALL | BOTH
move past picture and other objects
<PARAM ...> Parameter NAME: name of the parameter
VALUE: value of the parameter
<PLAINTEXT>
<PRE ...> Preformatted Text
<S> Strikeout
<SAMP> Sample
<SCRIPT ...> TYPE = "text/javascript" | "text/vbscript" |
other scripting language
Which scripting language to use
SRC: External source for script
DEFER: Continue loading page while downloading
script
LANGUAGE = JAVASCRIPT | LIVESCRIPT | VBSCRIPT |
other
Deprecated indicator of language
FOR: object for which this script is an event handler
EVENT: the event this script handles
<SELECT ...> NAME: name of this form element
MULTIPLE: allow more than one choice
SIZE: how many options to show
READONLY: don't let the user change the value of
this field
DISABLED: don't let the user do anything with this
field
LANGUAGE = "JavaScript" | "JavaScript1.1" |
"VBScript" | other language
scripting language to use
onChange: what to do when a new option is
selected
TABINDEX: tab order
onFocus: script to run when this field gets the focus
onBlur: script to run when this field loses the focus
<SMALL>
<SOUND ...>
<SPACER ...> TYPE = HORIZONTAL | VERTICAL | BLOCK
what type of space is this
ALIGN = LEFT | RIGHT
align left or right
SIZE: how tall or wide
WIDTH: how wide
HEIGHT: how tall
<SPAN ...>
<STRIKE> Strikeout<S>
<STRONG>
<STYLE ...> TYPE:style language
MEDIA: type of media this syle applies to
<SUB> Subscript
<SUP> Superscript
<TABLE ...> BORDER: size of border around the table
CELLPADDING: space between the edge of a cell and
the contents
CELLSPACING: space between cells
WIDTH: width of the table as a whole
BGCOLOR: color of the background
BACKGROUND: picture to use as background
ALIGN = LEFT | RIGHT
alignment of table to surrounding text
HSPACE: horizontal space between table and
surrounding text
VSPACE: vertical space between table and
surrounding text
HEIGHT: height of the table as a whole
FRAME = VOID | BOX | BORDER | ABOVE | BELOW | LHS |
RHS | HSIDES | VSIDES
parts of outside border that are visible
RULES = NONE | ALL | COLS | ROWS | GROUPS
if there should be internal borders
BORDERCOLOR: color of border around the table
BORDERCOLORLIGHT: color of "light" part of border
around the table
BORDERCOLORDARK: color of "dark" part of border
around the table
SUMMARY: Summary of the purpose of the table
<TBODY ...> Table Body Section
<TD ...> Table Data ALIGN = LEFT | CENTER | MIDDLE | RIGHT
horizontal alignment of cell contents
VALIGN = TOP | MIDDLE | CENTER | BOTTOM | BASELINE
vertical alignment of cell contents
WIDTH: width of cell
HEIGHT: height of cell
COLSPAN: number of columns to cover
ROWSPAN: number of rows to cover
NOWRAP: don't word wrap
BGCOLOR: color of the background
BORDERCOLOR: color of border around the table
BORDERCOLORDARK: color of "dark" part of border
around the table
BORDERCOLORLIGHT: color of "light" part of border
around the table
BACKGROUND: picture to use as background
<TEXTAREA ...> NAME: name of this form field
COLS: how many characters wide
ROWS: how many rows
WRAP = SOFT | HARD | OFF
how to wrap the text
READONLY: don't let the user change the contents of
the field
DISABLED: don't let the user do anything with this
field
TABINDEX: tab order
LANGUAGE = "JavaScript" | "JavaScript1.1" |
"VBScript" | other language
scripting language
onChange: Script to run when the user has changed
the textarea
onKeyPress: script to run when a key is pressed
<TFOOT ...> Table Footer Section
<TH ...> Table Header
<THEAD ...> Table Header
Section<TBODY ...>, <TFOOT ...>
<TITLE>
<TR ...> Table Row ALIGN = LEFT | CENTER | RIGHT
horizontal alignment of cell contents
HALIGN = LEFT | CENTER | RIGHT
VALIGN = TOP | MIDDLE | BOTTOM | BASELINE
vertical alignment of cell contents
BGCOLOR: background color
BACKGROUND: background image
BORDERCOLOR: color of border around each cell
BORDERCOLORLIGHT: color of "light" part of border
around each cell
BORDERCOLORDARK: color of "dark" part of border
around each cell
<TT> Teletype
<U> Underline
<UL ...> Unordered List TYPE = DISC | CIRCLE | SQUARE
type of bullets
<VAR> Variable
<WBR>
<XMP>

You might also like