Basic HTML web page, create a web site using HTML, make your own web site, HTML web page design.
	RoadDust's Web Page Design Tutorial Build, create and design free web sites using HTML
HTML Web pages, build an HTML web site, HTML web site design, create a web site with HTML.

HTML tag listing.

This HTML tag tutorial is a listing of all HTML tags.

Welcome to RoadDust's all HTML tags listing. Here you will find a list of all HTML tags. You will find a description of what each and every HTML tag does along with example HTML code to help you use them. You can search this listing of all HTML tags by pressing "CONTROL + F" and type in the name of the tag you want inside round brackets in the search window "EX: (IMG)". If you find this page useful feel free to link to this all html tags listing.

(A) - The A tag inserts a link to another web page.

	Possible attributes and descriptions.
Inserts a link to another web page.	ACCESSKEY	Creates a keyboard shortcut for a link.
	HREF	The address to be linked to.
	NAME	Gives name to area in web page for links within a page.
	TABINDEX	Sets the tab order of the link.
	TARGET	When clicked the links destination will display in target frame or window.

<A HREF="http://www.RoadDust.org">Link text</A>

(APPLET) - The APPLET tag inserts a Java Applet on the web page.

	Possible attributes and descriptions.
Inserts a Java Applet on the web page.	ARCHIVE	Path of the Java archive file.
	CODE	Path of the Java Applet.
	HEIGHT / WIDTH	Used to specify height and width of applet.

<APPLET CODE="theApplet.class" WIDTH="600" HEIGHT="400" READONLY>

(AREA) - The AREA tag Inserts a link to another web page.

	Possible attributes and descriptions.
Inserts a link to another web page.	ACCESSKEY	Inserts information for image map area.
	ALT	Makes a text label(when mouse goes over a picture).
	COORDS	Coordinates of image map area.
	HREF	Address of web page image links to.
	SHAPE	Sets the shape of the image area.
	TABINDEX	Sets the tab order for the image area.

<MAP NAME="theMap"> <AREA SHAPE="rect" COORDS="10,10,30,30" HREF="http://www.RoadDust.org"> </MAP>

(B) - The B tag puts text in bold.

	Possible attributes and descriptions.
All text between these brackets is bold.	N/A	No attributes for this tag.

this is not bold <B>this is bold </B>this is not bold.

(BASE) - The BASE tag sets which window or frame will be used by the links.

	Possible attributes and descriptions.
Sets which window or frame will be used by the links.	TARGET	Sets which window the links will open in.

<BASE TARGET="main">

(BASEFONT) - The BASEFONT tag sets the appearance of all text.

	Possible attributes and descriptions.
Sets the appearance of all text.	SIZE	Adjusts the size of text.

<BASEFONT SIZE="4">

(BIG) - The BIG tag makes the text bigger than the rest.

	Possible attributes and descriptions.
Text between brackets is bigger than the rest.	N/A	No attributes for this tag.

this text is regular <BIG>this text is bigger</BIG> this text is regular.

(BLOCKQUOTE) - The BLOCKQUOTE tag makes the text a block quote.

	Possible attributes and descriptions.
Sets text to be a block quote.	N/A	No attributes for this tag.

<BLOCKQUOTE>This text will be displayed as a block quote.</BLOCKQUOTE>

(BODY) - The BODY tag contains the content of the webpage.

	Possible attributes and descriptions.
The main body of the web page goes between these tags.	ALINK	Sets the color of the links.
	BACKGROUND	Inserts a background image.
	BGCOLOR	Changes the background color(default: white).
	BGPROPERTIES	Sets if the background image will move when scrolling.
	BOTTOMMARGIN	Sets the size of the bottom margin.
	HREF	Address of web page image links to.
	LEFTMARGIN	Sets the size of the left margin.
	LINK	Sets the color of the links.
	MARGINWIDTH	Sets the size of left and right margins.
	RIGHTMARGIN	Sets the size of the right margin.
	TEXT	Sets a color for the text.
	TOPMARGIN	Sets the size of the top margin.
	VLINK	Sets the color of the links.

<BODY BACKGROUND="someFile.jpg" BGCOLOR="#000000" TEXT="#FFFFFF"> The main content of your web page goes here. </BODY>

(BR) - The BR tag lets you change lines.

	Possible attributes and descriptions.
Skips to the next line.	CLEAR	Clears text from left or right of something.

First line of text<BR> Second line of text<BR> Third line of text<BR>

(BUTTON) - The BUTTON tag inserts a button on the webpage.

	Possible attributes and descriptions.
Inserts a button.	TYPE	Sets the type of button.

<BUTTON TYPE="submit">Click Here</BUTTON>

(CAPTION) - The CAPTION tag inserts a caption on a table.

	Possible attributes and descriptions.
Inserts a caption on a table.	ALIGN	Sets the alignment for the caption.

<TABLE> <CAPTION>This is the caption</CAPTION> <TR> <TD>The one cell in this table</TD> </TR> </TABLE>

(CENTER) - The CENTER tag centers everything that's between the brackets.

	Possible attributes and descriptions.
Centers everything that's between the brackets.	N/A	No attributes for this tag.

<CENTER>This text will be centered.</CENTER>

(CODE) - The CODE tag tells the web browser that the text is code.

	Possible attributes and descriptions.
Tells the web browser that the text is code.	N/A	No attributes for this tag.

<CODE>???</CODE>

(COL) - The COL tag devides the columns of a table into groups.

	Possible attributes and descriptions.
Devides the columns of a table into groups.	ALIGN	Defines the alignment of the data.
	BGCOLOR	Sets the background color.
	CHAR	Sets the alignment character.
	SPAN	Sets the number of columns in the column group.
	VALIGN	Sets the vertical alignment of data.

<TABLE> <COL SPAN="1"> <TR> <TD>The one cell in this table</TD> </TR> </TABLE>

(COLGROUP) - The COLGROUP tag devides the columns of a table into structured groups.

	Possible attributes and descriptions.
Devides the columns of a table into structured groups.	ALIGN	Defines the alignment of the data.
	BGCOLOR	Sets the background color.
	CHAR	Sets the alignment character.
	SPAN	Sets the number of columns in the column group.
	VALIGN	Sets the vertical alignment of data.

<TABLE> <COLGROUP> <COL SPAN="1"> <COL SPAN="1"> </COLGROUP> <TR> <TD>The first cell in this table</TD> <TD>The second cell in this table</TD> </TR> </TABLE>

(DD) - The DD tag indicates that the text is a definition within a definition list.

	Possible attributes and descriptions.
Indicates that the text is a definition within a definition list.	N/A	No attributes for this tag.

<DL> <DT>Word to be defined</DT> <DD>The definition</DD> </DL>

(DEL) - The DEL tag strikes out text.

	Possible attributes and descriptions.
Strikes out text.	N/A	No attributes for this tag.

<DEL>This text has a bar accross it.</DEL>

(DIV) - The DIV tag sets areas for style sheet purposes.

	Possible attributes and descriptions.
Sets areas for style sheet purposes.	CLASS	Sets the proper style for the area.

<HTML> <HEAD> <STYLE> DIV.firstStyle{color: #FF5674} </STYLE> </HEAD> <BODY> <DIV CLASS="firstStyle"> This text is red. </DIV> This text is black(default) </BODY> </HTML>

(DL) - The DL tag inserts a definition list on the webpage.

	Possible attributes and descriptions.
Inserts a definition list.	N/A	No attributes for this tag.

<DL> <DT>Word to be defined</DT> <DD>The definition</DD> </DL>

(DT) - The DT tag indicates that the text is a word defined in a definition list.

	Possible attributes and descriptions.
Indicates that the text is a word to be defined in a definition list.	N/A	No attributes for this tag.

<DL> <DT>Word to be defined</DT> <DD>The definition</DD> </DL>

(EM) - The EM tag puts emphasis on the text.

	Possible attributes and descriptions.
Puts emphasis on the text.	N/A	No attributes for this tag.

<EM>this text is emphasized(italic)</EM>

(EMBED) - The EMBED tag inserts a video or sound file in a web page.

	Possible attributes and descriptions.
Inserts a video or sound file in a web page.	ALIGN	Allows text to wrap around a video.
	AUTOSTART	Makes the audio or video file start automatically.
	HEIGHT / WIDTH	Sets dimentions of video or audio controls.
	HIDDEN	Will hide the controls for a sound file.
	LOOP	Loops the audio or video file.
	SRC	Indicates the path of the sound file.

<EMBED SRC="theFile.wav" AUTOSTART="true" LOOP="true">

(FIELDSET) - The FIELDSET tag regroups form elements together in a box.

	Possible attributes and descriptions.
Regroups form elements together in a box.	N/A	No attributes for this tag.

<FORM> <FIELDSET> <INPUT TYPE="text" VALUE="this textbox is grouped alone"> </FIELDSET> <FIELDSET> <INPUT TYPE="text" VALUE="these textboxes are grouped together"> <INPUT TYPE="text" VALUE="these textboxes are grouped together"> </FIELDSET> </FORM>

(FONT) - The FONT tag alters the fonts contained within the tags.

	Possible attributes and descriptions.
Alters the fonts contained within the tags.	COLOR	Sets the color of the text.
	FACE	Changes the font type.
	SIZE	Changes the size of the fonts.

<FONT COLOR="RED" FACE="VERDANA" SIZE="6">Your big red verdana text</FONT>

(FORM) - The FORM tag adds a form to your web page.

	Possible attributes and descriptions.
Adds a form to your web page.	ACCEPT-CHARSET	Defines what character sets a server must support.
	ACTION	Sets the destination where the form's content will be sent.
	ENCTYPE	Sets the format for the form's transfer of information.
	METHOD	Sets how the information will be transfered.
	TARGET	Sets the location for the form's confirmation message.

<FORM TARGET="new_window" ENCTYPE="text/plain" METHOD="post" ACTION="mailto:someDude@whatever.com"> Type your message: <INPUT TYPE="text" NAME="textToBeEmailed"><br> <INPUT TYPE="submit" VALUE="Click to send"> </FORM>

(FRAME) - The FRAME tag sets the frame's attributes.

	Possible attributes and descriptions.
Sets the frame's attributes.	BORDERCOLOR	Sets the frame's border colors.
	FRAMEBORDER	Sets the thickness of the frame's border.
	MARGINHEIGHT	Sets the width of the top and bottom margins.
	MARGINWIDTH	Sets the width of the left and right margins.
	NAME	Sets the name of the frame.
	NORESIZE	Prevents the user from resizing the frame.
	SCROLLING	Unables or disables the scrolling.
	SRC	Sets the path or address of the web page to be displayed in the frame.

<FRAMESET ROWS="50%,*"> <FRAME NAME="firstFrame" SRC="http://www.RoadDust.org"> <FRAME NAME="secondFrame" SRC="http://www.RoadDust.org"> </FRAMESET>

(FRAMESET) - The FRAMESET tag contains a set of frames.

	Possible attributes and descriptions.
Contains a set of frames.	BORDER	Sets the width of the borders for the frames.
	BORDERCOLOR	Sets the color of the borders for the frames.
	COLS	Sets up columns for frame displaying.
	FRAMEBORDER	Hides the frame borders.
	FRAMESPACING	Defines the spacing between frames.
	ROWS	Sets up rows for frame displaying.

<FRAMESET ROWS="50%,*"> <FRAME NAME="firstFrame" SRC="http://www.RoadDust.org"> <FRAME NAME="secondFrame" SRC="http://www.RoadDust.org"> </FRAMESET>

(H1) - The H1 tag creates a header.

	Possible attributes and descriptions.
Creates a header. You can also use H2, H3, H4, H5 and H6 instead of H1.	ALIGN	Sets up the alignment of the text.

<H1 ALIGN="center">This is my big header.</H1>

(HEAD) - The HEAD tag defines the head portion of the web page.

	Possible attributes and descriptions.
Defines the head portion of the web page.	N/A	No attributes for this tag.

<HTML> <HEAD> <TITLE>The title of the page is contained in the head portion.</TITLE> </HEAD> <BODY> </BODY> </HTML>

(HR) - The HR tag inserts a horizontal rule (Horizontal line).

	Possible attributes and descriptions.
Inserts a horizontal rule (Horizontal line).	ALIGN	Sets the alignment for the horizontal rule.
	COLOR	Sets the color of the horizontal rule.
	SIZE	Sets horizontal rule's thickness.
	WIDTH	Sets horizontal rule's width.

<HR ALIGN="center" COLOR="red" SIZE="6" WIDTH="600">

(HTML) - The HTML tag tells the web browser that HTML code follows.

	Possible attributes and descriptions.
Tells the web browser that HTML code follows.	N/A	No attributes for this tag.

<HTML> <HEAD> <TITLE>My Web Page</TITLE> </HEAD> <BODY> Blah blah blah. </BODY> </HTML>

(I) - The I tag italicizes text.

	Possible attributes and descriptions.
Italicizes text.	N/A	No attributes for this tag.

<I>This text is italicized.</I>

(IFRAME) - The IFRAME tag makes an inline frame.

	Possible attributes and descriptions.
Makes an inline frame.	ALIGN	Sets alignment of text around inline frame.
	HEIGHT / WIDTH	Sets the height and width of the inline frame.
	MARGINHEIGHT	Sets the top and bottom margins of inline frame.
	MARGINWIDTH	Sets the left and right margins of inline frame.
	NAME	Sets the name of the inline frame.
	SCROLLING	Enables or disables the inline frame's scroll bar.
	SRC	Specifies the URL of the web page the inline frame displays.

<IFRAME HEIGHT="200" WIDTH="500" NAME="iframe01" SRC="http://www.roaddust.org"> This text will display if the web browser does not support inline frames. </IFRAME>

(IMG) - The IMG tag makes an inline frame.

	Possible attributes and descriptions.
Displays an image on the web page.	ALIGN	Wraps text arround image (Oposite side of specified alignment).
	ALT	Sets text that appears when the mouse is over the image.
	BORDER	Adds a border of the specified width to an image.
	DYNSRC	Adds an AVI video to the web page.
	HEIGHT / WIDTH	Sets the height and width of the image.
	HSPACE / VSPACE	Sets horizontal and vertical spacing around the image.
	ISMAP	Creates an image map (On the server side).
	LOWSRC	Sets the location of a lower resolution version for the image.
	NAME	Specifies the name of the image (Used for JavaScript).
	SRC	Indicates the location of the image to be displayed.
	TABINDEX	Sets the tab order for the image.
	USEMAP	Indicates name of image map to be used.

<IMG SRC="nameOfImage.gif" HEIGHT="200" WIDTH="200" HSPACE="20" VSPACE="20">

(INPUT) - The INPUT tag creates a form element to capture user input.

	Possible attributes and descriptions.
Creates a form element to capture user input.	ACCEPT	Indicates file types that the user can send.
	ACCESSKEY	Creates a keyboard shortcut to the form element.
	CHECKED	Makes a check box or radio button checked.
	DISABLED	Makes form element unusable.
	MAXLENGTH	Sets max number of characters that can be entered.
	NAME	Sets a reference name for element (Used by scripting languages).
	READONLY	Prevents form element from being edited.
	SIZE	Sets the size of the form element.
	SRC	Sets path of image (EX: Graphic submit button).
	TABINDEX	Sets the tab order for the form element.
	TYPE	Sets the type of form element to be created.
	VALUE	Sets the displayed text of the form element.

<INPUT TYPE="text" VALUE="Textbox that displays this text" SIZE="65" READONLY>

(INS) - The INS tag underlines the inserted text.

	Possible attributes and descriptions.
Underlines the inserted text.	N/A	No attributes for this tag.

<INS>This inserted text is underlined.</INS>

(KBD) - The KBD tag tells viewer that the following should be typed.

	Possible attributes and descriptions.
Tells viewer that the following should be typed.	N/A	No attributes for this tag.

<KBD>You should type this.</KBD>

(LABEL) - The LABEL tag creates a label for a specific form element.

	Possible attributes and descriptions.
Creates a label for a specific form element.	FOR	Specifies the targeted form element.

<INPUT TYPE="radio" NAME="radio1" VALUE="radio1" ID="radioButton01"> <LABEL FOR="radioButton01">Crazy Radio Button</LABEL>

(LAYER) - The LAYER tag places elements.

	Possible attributes and descriptions.
Places elements.	HEIGHT / WIDTH	Sets the height and width of the layer.
	LEFT	Sets the distance between the layer and the left of browser.
	TOP	Sets the distance between the layer and the top of browser.
	Z-INDEX	Sets order in which layers overlap.

<LAYER WIDTH="100" HEIGHT="100" TOP="50" LEFT="50" Z-INDEX="1"> <IMG SRC="anImage.gif" WIDTH="100" HEIGHT="100"> </LAYER>

(LEGEND) - The LEGEND tag gives a title to a group of elements.

	Possible attributes and descriptions.
Gives a title to a group of elements.	ALIGN	Sets up the alignment for the title.

<LEGEND ALIGN="left">The 3 TextBoxes.</LEGEND> TextBox1<INPUT TYPE="text" NAME="text1"><BR> TextBox2<INPUT TYPE="text" NAME="text2"><BR> TextBox3<INPUT TYPE="text" NAME="text3"><BR>

(LI) - The LI tag creates an item in a list (ordered or unordered).

	Possible attributes and descriptions.
Creates an item in a list (ordered or unordered).	TYPE	Sets the style of bullet for the listed item.
	VALUE	Sets the number for the listed item.

<OL START="1"> <LI TYPE="1" VALUE="1">Listed as number 1</LI> <LI TYPE="1" VALUE="5">Listed as number 5</LI> <LI TYPE="1">Listed as number 6</LI> <LI TYPE="1">Listed as number 7</LI> <LI TYPE="1">Listed as number 8</LI> </OL>

(LINK) - The LINK tag links an external style sheet (CSS).

	Possible attributes and descriptions.
Links an external style sheet (CSS).	HREF	Specifies the path or URL of the style sheet.
	REL	Sets the type of usage the page makes with the document.
	TYPE	Indicates the format of the style sheet.

<LINK REL="stylesheet" TYPE="text/css" HREF="stylesheet.css">

(MAP) - The MAP tag specifies an image map.

	Possible attributes and descriptions.
Sets up an image map.	NAME	Sets the name for the image map.

<MAP NAME="theMap"> <AREA SHAPE="rect" COORDS="10,10,30,30" HREF="http://www.RoadDust.org"> </MAP>

Not all HTML tags are currently listed here, this site is still in expansion. Please visite this page again for updates on all HTML tags.