<!-- ••• -->allows you to insert comments into an HTML document and have them completely ignored by the browser. <!DOCTYPE ...>tells the browser what version of HTML you are writing in. More specifically, <!DOCTYPE ...> declares that this document conforms to a specific version of HTML, and specifies what version that is.
Use this tag if you want to use an SGML/HTML validator. Otherwise, this tag is of little use. <A ...> AnchorHREF: 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 ACCESSKEY: Like <INPUT ACCESSKEY="..."> and <BUTTON ACCESSKEY="...">, this attribute of <A ...> sets a shortcut key that "clicks" on the link. 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 <ADDRESS>denotes contact information for the author or organization of the web site. <APP ...>This tag has been renamed <APPLET ...>. (Use it!) <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 AddressHREF: 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>makes the text bigger <BLINK>causes the text to 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 BreakCLEAR = 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 ...>indicates a section that is centered <CITE>indicates a reference to work, such as a book, report or web site <CODE>indicates text that is the code for a program <COL ...> ColumnSPAN: 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 GroupSPAN: how many columns this affects ALIGN: alignment of cell contents WIDTH: Width of the column group <COMMENT> is an old Mosaic and MSIE comment tag. <DD> Definition Description <DEL>Deleted <DFN>Definition <DIR ...>Directory List <DIV ...>ALIGN = LEFT | CENTER | RIGHT | JUSTIFY
text alignment <DL ...> Definition ListCOMPACT: 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>defines a group of form elements as being logically related <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>is like the cover page of the document. <HR ...> Horizontal RuleNOSHADE: 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>Everything in the document goes inside <HTML>, except that <!DOCTYPE ...> (if you choose to use it) goes just before. <HTMLPLUS ...>HTML+ was a short-lived version of HTML. <HYPE>is an "easter egg", an obscure feature hidden in a program for no other purpose than to make the programmers giggle themselves silly. In some versions of Netscape. <I>Italics <IFRAME ...> Inline FrameSRC: 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 ...> ImageSRC: 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 AUTOCOMPLETE = ON | OFF
If the browser should use autocompletion for the field 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 <INS> Inserted<DEL>indicates that the text has been deleted from the current revision of the document. <ISINDEX ...>PROMPT: prompt string to show before the text entry area ACTION: the CGI to call <KBD>indicates characters that should be typed in at a keyboard. <LABEL ...>FOR: form element for which this is a label <LEGEND ...>ALIGN = RIGHT | CENTER | LEFT <LI ...> List ItemTYPE = 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>This tag is officially deprecated. That means that this tag is being phased out, and it is strongly suggested that you not use it. <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 ...>indicates the start a series of choices. It is usually rendered like <UL ...> <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 - prevents a carriage return from occurring. <NOEMBED>provides content for browsers that do not support embedded objects. <NOFRAMES>holds text that should be displayed for people who don't have frames. <NOSCRIPT>is for content that should only be rendered (i.e. displayed) if the browser does not use JavaScript or other scripting languages. <OL ...> Ordered ListTYPE = 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 ...> ParagraphALIGN = LEFT | CENTER | RIGHT | JUSTIFY
alignment of text within the paragraph CLEAR = LEFT | RIGHT | ALL | BOTH
move past picture and other objects <PARAM ...> ParameterNAME: name of the parameter VALUE: value of the parameter <PLAINTEXT>causes all remaining text in the document to be rendered exactly as it was typed in, including all tags and even the document tags. <PRE ...>marks the text as "preformatted" -- all the spaces and carriage returns are rendered exactly as you type them. <S>Strikeout - <s> / <strike> - Both tags cause a line (a "strikeout") to be drawn through the text. <SAMP>Sample - indicates text which is an example of something. <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 TABINDEX: tab order onChange: what to do when a new option is selected onFocus: script to run when this field gets the focus onBlur: script to run when this field loses the focus <SMALL>Makes text small. <SOUND ...>A rare example of a "Mosaic Only" tag. <SOUND ...> works just like <BGSOUND ...>. Use <BGSOUND ...> <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> / <strike> - Both tags cause a line (a "strikeout") to be drawn through the text. <STRONG>Indicates text which should be more forceful than surrounding text <STYLE ...>TYPE: style language MEDIA: type of media this syle applies to <SUB>sets the text as subscripts. <SUP>sets the text as subscripts. <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 - <THEAD ...>, <TBODY ...>, and <TFOOT ...> establish groups of rows. <THEAD ...> indicates that a group of rows are the header rows at the top of the table. <TBODY ...> indicates that a group of rows are body rows. <TFOOT ...> indicates that a group of rows are the footer rows at the bottom of the table. <TD ...> Table DataALIGN = 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 <TITLE>states the title of the document. <TR ...> Table RowALIGN = 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>produces fixed width text. <U>Underline <UL ...> Unordered ListTYPE = DISC | CIRCLE | SQUARE
type of bullets <VAR>indicates a variable from a computer program. <WBR>is for the situation where you have used <NOBR> to prevent line breaks in a section of text, and then you want to say "but you can break HERE if you want". <XMP> indicates a block of text where all HTML tags are ignored.
Source (2009.11): htmlcodetutorial.com