HTML Tags Chart

To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page.

Tag

Name

Code Example

Browser View

<!--

comment

Nothing will show (Tip)

<A -

anchor

<A HREF="http://www.yourdomain.com/">Visit Our Site</A>

Visit Our Site (Tip)

<B>

bold

<B>Example</B>

Example

<BIG>

big (text)

<BIG>Example</BIG>

Example (Tip)

<BODY>

body of HTML document

<BODY>The content of your HTML page</BODY>

Contents of your web page (Tip)

<BR>

line break

The contents of your page<BR>The contents of your page

The contents of your web page
The contents of your web page

center

<CENTER>This will center your contents</CENTER>

This will center your contents

<DD>

definition description

<DL>
<DT>Definition Term
<DD>Definition of the term
<DT>Definition Term
<DD>Definition of the term
</DL>

Definition Term

Definition of the term

Definition Term

Definition of the term

<DL>

definition list

<DL>
<DT>Definition Term
<DD>Definition of the term
<DT>Definition Term
<DD>Definition of the term
</DL>

Definition Term

Definition of the term

Definition Term

Definition of the term

<DT>

definition term

<DL>
<DT>Definition Term
<DD>Definition of the term
<DT>Definition Term
<DD>Definition of the term
</DL>

Definition Term

Definition of the term

Definition Term

Definition of the term

<EM>

emphasis

This is an <EM>Example</EM> of using the emphasis tag

This is an Example of using the emphasis tag

<EMBED>

embed object

<EMBED src="yourfile.mid" width="100%" height="60" align="center">

(Tip)

<EMBED>

embed object

<EMBED src="yourfile.mid" autostart="true" hidden="false" loop="false">
<noembed><bgsound src="yourfile.mid" loop="1"></noembed>

Music will begin playing when your page is loaded and will only play one time. A control panel will be displayed to enable your visitors to stop the music.

<FONT>

font

<FONT FACE="Times New Roman">Example</FONT>

Example (Tip)

<FONT>

font

<FONT FACE="Times New Roman" SIZE="4">Example</FONT>

Example (Tip)

<FONT>

font

<FONT FACE="Times New Roman" SIZE="+3" COLOR="#FF0000">Example</FONT>

Example (Tip)

<FORM>

form

<FORM action="mailto:you@yourdomain.com">
Name: <INPUT name="Name" value="" size="10"><BR>
Email: <INPUT name="Email" value="" size="10"><BR>
<CENTER><INPUT type="submit"></CENTER>
</FORM>

<H1>

heading 1

<H1>Heading 1 Example</H1>

Heading 1 Example

<H2>

heading 2

<H2>Heading 2 Example</H2>

Heading 2 Example

<H3>

heading 3

<H3>Heading 3 Example</H3>

Heading 3 Example

<H4>

heading 4

<H4>Heading 4 Example</H4>

Heading 4 Example

<H5>

heading 5

<H5>Heading 5 Example</H5>

Heading 5 Example

<H6>

heading 6

<H6>Heading 6 Example</H6>

Heading 6 Example

<HEAD>

heading of HTML document

<HEAD>Contains elements describing the document</HEAD>

Nothing will show

<HR>

horizontal rule

<HR>

Contents of your web page (Tip)

Contents of your web page

<HR>

horizontal rule

<HR WIDTH="50%" SIZE="3">

Contents of your web page

<HR>

horizontal rule

<HR WIDTH="50%" SIZE="3" NOSHADE>

Contents of your web page

<HR>
(Internet
Explorer)

horizontal rule

<HR WIDTH="75%" COLOR="#FF0000" SIZE="4">

Contents of your web page

<HR>
(Internet
Explorer)

horizontal rule

<HR WIDTH="25%" COLOR="#6699FF" SIZE="6">

Contents of your web page

<HTML>

hypertext markup language

<HTML><HEAD><META><TITLE>Title of your web page</TITLE></HEAD><BODY>HTML web page contents</BODY></HTML>

Contents of your web page

<I>

italic

<I>Example</I>

Example

<IMG>

image

<IMG SRC="Earth.gif" WIDTH="41" HEIGHT="41" BORDER="0" ALT="a sentence about your web site">

(Tip)

<INPUT>

input field

Example 1:

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<INPUT type="text" size="10" maxlength="30">
<INPUT type="Submit" VALUE="Submit">
</FORM>

<INPUT>
(Internet Explorer)

input field

Example 2:

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<INPUT type="text" STYLE="color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72A4D2;" size="10" maxlength="30">
<INPUT type="Submit" VALUE="Submit">
</FORM>

<INPUT>

input field

Example 3:

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="2"><TR><TD BGCOLOR="#8463FF"><INPUT type="text" size="10" MAXLENGTH="30"></TD><TD BGCOLOR="#8463FF" VALIGN="Middle"> <INPUT type="image" name="submit" src="yourimage.gif"></TD></TR> </TABLE>
</FORM>

<INPUT>

input field

Example 4:

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
Enter Your Comments:<BR>
<TEXTAREA wrap="virtual" name="Comments" rows=3 cols=20 MAXLENGTH=100></TEXTAREA><BR>
<INPUT type="Submit" VALUE="Submit">
<INPUT type="Reset" VALUE="Clear">
</FORM>

<INPUT>

input field

Example 5:

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<CENTER>
Select an option:
<SELECT>
<OPTION >option 1
<OPTION SELECTED>option 2
<OPTION>option 3
<OPTION>option 4
<OPTION>option 5
<OPTION>option 6
</SELECT><BR>
<INPUT type="Submit" VALUE="Submit"></CENTER>
</FORM>

<INPUT>

input field

Example 6:

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
Select an option:<BR>
<INPUT type="radio" name="option"> Option 1
<INPUT type="radio" name="option" CHECKED> Option 2
<INPUT type="radio" name="option"> Option 3
<BR>
<BR>
Select an option:<BR>
<INPUT type="checkbox" name="selection"> Selection 1
<INPUT type="checkbox" name="selection" CHECKED> Selection 2
<INPUT type="checkbox" name="selection"> Selection 3
<INPUT type="Submit" VALUE="Submit">
</FORM>

<LI>

list item

Example 1:

<MENU>
<LI type="disc">List item 1
<LI type="circle">List item 2
<LI type="square">List item 3
</MENU>

Example 2:

<OL type="i">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>

Example 1: (Tip)

List item 1

List item 2

List item 3

Example 2:

i. List item 1

ii. List item 2

iii. List item 3

iv. List item 4

<LINK>

link

Visit our <A HREF="http://www.yourdomain.com/">site</A>

Visit our site

<MARQUEE>
(Internet
Explorer)

scrolling text

<MARQUEE bgcolor="#CCCCCC" loop="-1" scrollamount="2" width="100%">Example Marquee</MARQUEE>

(Tip)

<MENU>

menu

<MENU>
<LI type="disc">List item 1
<LI type="circle">List item 2
<LI type="square">List item 3
</MENU>

List item 1

List item 2

List item 3

<META>

meta

<META name="Description" content="Description of your site">
<META name="keywords" content="keywords describing your site">

Nothing will show (Tip)

<META>

meta

<META HTTP-EQUIV="Refresh" CONTENT="4;URL=http://www.yourdomain.com/">

Nothing will show (Tip)

<META>

meta

<META http-equiv="Pragma" content="no-cache">

Nothing will show (Tip)

<META>

meta

<META name="rating" content="General">

Nothing will show (Tip)

<META>

meta

<META name="ROBOTS" content="ALL">

Nothing will show (Tip)

<META>

meta

<META NAME="ROBOTS" content="NOINDEX,FOLLOW">

Nothing will show (Tip)

<OL>

ordered list

Numbered

<OL>
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>

Numbered Special Start

<OL start="5">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>

Lowercase Letters

<OL type="a">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>

Capital Letters
<OL type="A">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>

Capital Letters Special Start
<OL type="A" start="3">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>

Lowercase Roman Numerals
<OL type="i">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>

Capital Roman Numerals
<OL type="I">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>

Capital Roman Numerals Special Start
<OL type="I" start="7">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>

Numbered

1. List item 1

2. List item 2

3. List item 3

4. List item 4

Numbered Special Start

5. List item 1

6. List item 2

7. List item 3

8. List item 4

Lowercase Letters

a. List item 1

b. List item 2

c. List item 3

d. List item 4

Capital Letters

A. List item 1

B. List item 2

C. List item 3

D. List item 4

Capital Letters Special Start

C. List item 1

D. List item 2

E. List item 3

F. List item 4

Lowercase Roman Numerals

i. List item 1

ii. List item 2

iii. List item 3

iv. List item 4

Capital Roman Numerals

I. List item 1

II. List item 2

III. List item 3

IV. List item 4

Capital Roman Numerals Special Start

VII. List item 1

VIII. List item 2

IX. List item 3

X. List item 4

listbox option

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<CENTER>
Select an option:
<SELECT>
<OPTION>option 1
<OPTION SELECTED>option 2
<OPTION>option 3
<OPTION>option 4
<OPTION>option 5
<OPTION>option 6
</SELECT><BR>
</CENTER>
</FORM>

<P>

paragraph

This is an example displaying the use of the paragraph tag. <P> This will create a line break and a space between lines.

Attributes:

Example 1:<BR>
<BR>
<P align="left">
This is an example<BR>
displaying the use<BR>
of the paragraph tag.<BR>
<BR>
Example 2:<BR>
<BR>
<P align="right">
This is an example<BR>
displaying the use<BR>
of the paragraph tag.<BR>
<BR>
Example 3:<BR>
<BR>
<P align="center">
This is an example<BR>
displaying the use<BR>
of the paragraph tag.

This is an example displaying the use of the paragraph tag.
This will create a line break and a space between lines.

Attributes:

Example 1:

This is an example
displaying the use
of the paragraph tag.

Example 2:

This is an example
displaying the use
of the paragraph tag.

Example 3:

This is an example
displaying the use
of the paragraph tag.

<SMALL>

small (text)

<SMALL>Example</SMALL>

Example (Tip)

strong emphasis

<STRONG>Example</STRONG>

Example

<TABLE>

table

Example 1:

<TABLE BORDER="4" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>

Example 2: (Internet Explorer)

<TABLE BORDER="2" BORDERCOLOR="#336699" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>

Example 3:

<TABLE CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD BGCOLOR="#CCCCCC">Column 1</TD>
<TD BGCOLOR="#CCCCCC">Column 2</TD>
</TR>
<TR>
<TD>Row 2</TD>
<TD>Row 2</TD>
</TR>
</TABLE>

Example 1: (Tip)

Column 1

Column 2

Example 2: (Tip)

Column 1

Column 2

Example 3: (Tip)

Column 1	Column 2
Row 2	Row 2

<TD>

table data

<TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>

Column 1

Column 2

<TH>

table header

<DIV align="center"><TABLE>
<TR>
<TH>Column 1</TH>
<TH>Column 2</TH>
<TH>Column 3</TH>
</TR>
<TR>
<TD>Row 2</TD>
<TD>Row 2</TD>
<TD>Row 2</TD>
</TR>
<TR>
<TD>Row 3</TD>
<TD>Row 3</TD>
<TD>Row 3</TD>
</TR>
<TR>
<TD>Row 4</TD>
<TD>Row 4</TD>
<TD>Row 4</TD>
</TR>
</TABLE>
</DIV>

Column 1	Column 2	Column 3
Row 2	Row 2	Row 2
Row 3	Row 3	Row 3
Row 4	Row 4	Row 4

<TITLE>

document title

<TITLE>Title of your HTML page</TITLE>

Title of your web page will be viewable in the title bar. (Tip)

<TR>

table row

<TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>

Column 1

Column 2

<TT>

teletype

<TT>Example</TT>

Example

<U>

underline

<U>Example</U>

Example

<UL>

unordered list

Example 1:<BR>
<BR>
<UL>
<LI>List item 1
<LI>List item 2
</UL>
<BR>
Example 2:<BR>
<UL type="disc">
<LI>List item 1
<LI>List item 2
<UL type="circle">
<LI>List item 3
<LI>List item 4
</UL>
</UL>

Example 1:

List item 1
List item 2

Example 2:

List item 1
List item 2

List item 3
List item 4

HTML Quick List

Open these links in a new window

<!-- ••• -->
<!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
<BASE ...> Base Address	TARGET = "_blank" \| "_parent" \| "_self" \| "_top" \| frame name default window for linked documents
<BASEFONT ...>	SIZE
	COLOR
	FACE
<BGSOUND ...>	SRC: URL of the sound
<BGSOUND ...>	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
<CAPTION ...>	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 ...>, <H2 ...>, <H3 ...>, <H4 ...>, <H5 ...>, <H6 ...>	ALIGN = LEFT \| RIGHT \| CENTER \| JUSTIFY alignment
<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
<ISINDEX ...>	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
<LI ...> List Item	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
<OL ...> Ordered List	START: where to start counting
<OPTION ...>	VALUE: what's the value if this option is chosen
<OPTION ...>	SELECTED: this option is selected by default
<P ...> Paragraph	ALIGN = LEFT \| CENTER \| RIGHT \| JUSTIFY alignment of text within the paragraph
<P ...> Paragraph	CLEAR = LEFT \| RIGHT \| ALL \| BOTH move past picture and other objects
<PARAM ...> Parameter	NAME: name of the parameter
<PARAM ...> 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
<STYLE ...>	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>

Sunday, 11 November 2018

List of html tags and examples & Tags explanations

HTML Tags Chart

Heading 1 Example

Heading 2 Example

Heading 3 Example

Heading 4 Example

Heading 5 Example

Heading 6 Example

2 comments: