
| We recommend that you print a copy of this guide to keep next to your computer, this way, if you forget how to do something, all you have to do is look at your packet and you will know how to do it again. |
| Open Tag | Closing Tag | Description | Attributes |
|---|---|---|---|
| Comments | |||
| <!- ... -> | <!- ... > | Creates a comment tag. Can also be used to hide javascript from older browsers. | |
| <COMMENT> | </COMMENT> | The official way of specifying comments. | |
| Structure | |||
| <HTML> | </HTML> | States the document is HTML. | |
| <HEAD> | </HEAD> | States that this part of the file is the head, includes title. | |
| <BODY> | </BODY> | States the beginning of the body of an HTML document. |
BACKGROUND="URL" Background URL. BGCOLOR="#RRGGBB" background color. TEXT="#RRGGBB" text color. LINK="#RRGGBB" link color. ALINK="#RRGGBB" active link color. VLINK="#RRGGBB" visited link color. BGPROPERTIES="..." Properties of bg image. TOPMARGIN="..." top margin, in pixles. BOTTOM MARGIN="..." bottom margin, in pixles. |
| <BASE> | Indicates the full URL of the HTML document, used within head. |
HREF="URL" The full URL of this document. |
|
| <ISINDEX> | Tells the browser the document is a gateway script and allows searches. | PROMPT="..." Search field prompt. ACTION="..." Gateway program string is passed to. | |
| <LINK> | Indicates a link between this document and another, used only by HTML-generating tools. |
HREF="..." Link URL. NAME="..." Name of anchor,if link is an anchor. REL="..." Relationship between the two pages. REV="..." A reverse relationship between the two pages. URN="..." A Uniform Resource Number. TITLE="..." The title of the linked document. METHODS="..." Retrieval document, FTP, Gopher, and so on. | |
| <META> | Contains info about this document such as keywords for search engines, special headers, description, expiration date, and so forth. Used in the document <HEAD> |
HTTP-EQUIV="..." Creates a new http header field with the same name as the attributes value. Example: HTTP-EQUIV="expires" specified by the content attribute. NAME="..." If meta- data is usually in the form of key/value pairs, NAME indicates the key; Example AUTHOR or ID. CONTENT="..." The content of the HTTP-EQUIV or key/value pair. | <NEXTID> | Indicates the next document. Considered an obsolete tag. |
| Headings and Title | |||
| <H1> | </H1> | A first-level heading. | |
| <H2> | </H2> | A second-level heading. | |
| <H3> | </H3> | A third-level heading. | |
| <H4> | </H4> | A fourth-level heading. | |
| <H5> | </H5> | A fifth-level heading. | |
| <H6> | </H6> | A sixth-level heading. | |
| <TITLE> | </TITLE> | Title of the document, goes within <HEAD> | ALIGN="..." Left, right, or center. |
| Paragraphs | |||
| <P> | </P> | Starts a new paragraph. Closing tag is optional. | ALIGN="..." Align text to left, right, or center. |
| <DIV> | </DIV> | An area of text to be formatted | ALIGN="..." Align text to left, center, or right. |
| Links | |||
| <A> | </A> | With HREF atrribute it creates a link to another document, with NAME it creates an anchor that can be linked to. | HREF="..."
The URL that you are linking to.
NAME="..." The name of the anchor. REL="..." The relationship between the current document and the one that is being linked to. It is not commonly used. REV="..." A reverse relationship between the linked to document and the current document. It is not commonly used. URN="..." A uniform resource number. It is not ommonly used. TITLE="..." The title of the document being linked to. It is not commonly used. METHODS="..." How the document is to be retrieved. It is not commonly used. TARGET="..." The name of the frame that the document being linked to should appear in. |
| Lists | |||
| <OL> | </OL> | An ordered, numbered list. |
TYPE="..." The type of numbers to label the list. A, a, I, i, and 1 are possible values. START="..." The value to start the list with. |
| <UL> | </UL> | An unordered, bulleted list. |
TYPE="..." The type of bullet to mark the list. DISC, CIRCLE (or round) and SQUARE can be used. |
| <MENU> | </MENU> | A menu list of items. | |
| <DIR> | </DIR> | A directory listing, items usually smaller than 20 characters. | |
| <LI> | A list item for use with OL, UL, MENU, or DIR. |
TYPE="..." The type of bullet or number to label this item with. VALUE="..." The numeric value this list item should have (affects this item and all items below it in OL lists). | |
| <DL> | </DL> | A definition or glossary list. |
COMPACT Tells the browser to use a format with less whitespace. |
| <DT> | </DT> | A definition term, as part of a definition list. | |
| <DD> | </DD> | A corresponding definition to a definition term, part of a definition list. | |
| Changing Text | |||
| <EM> | </EM> | Emphasis (italicized). | |
| <STRONG> | </STRONG> | Sronger emphasis (bold). | |
| <CODE> | </CODE> | Code sample (Courier font). | |
| <KBD> | </KBD> | Text to be typed (Courier). | |
| <VAR> | </VAR> | A variable or placevalue for another value. | |
| <SAMP> | </SAMP> | Sample text (not commonly used). | |
| <DFN> | </DFN> | Definition of a term. | |
| <CITE> | </CITE> | A citation. | |
| <B> | </B> | Bold text. | |
| <I> | </I> | Italic text. | |
| <TT> | </TT> | Monospaced font. | |
| <PRE> | </PRE> | Preformatted text (exact line endings and spacing kept, usually in a monospaced font). | |
| <BIG> | </BIG> | Text slightly larger than normal. | |
| <SMALL> | </SMALL> | Text slightly smaller than normal. | |
| <SUB> | </SUB> | Subscript. | |
| <SUP> | </SUP> | Superscript. | |
| <STRIKE> | </STRIKE> | Puts a strikethrough the text. | |
| Other | |||
| <HR> | A horizontal rule. |
SIZE="..." The thickness of the rule, in pixles. WIDTH="..." The width of the rule, in pixel or a percentage. ALIGN="..." How it is aligned on the page, left, right, or center. NOSHADE Makes the line solid, instead of one with a bevel. COLOR="..." Color of the line. | |
| <BR> | A line break. |
CLEAR Causes the text to stop flowing around images. Left, right, and all can be used. | |
| <NOBR> | </NOBR> | Casues the text to not wrap at the edge of the page. | |
| <WBR> | Wraps the text at this point if necessary. | ||
| <BLOCKQUOTE> | </BLOCKQUOTE> | Used for long quotes. | |
| <Q> | </Q> | Used for long quotes. | |
| <ADDRESS> | </ADDRESS> | Used for signatures or general information about a person. | |
| <CENTER> | </CENTER> | Centers text and images. | |
| <BLINK> | </BLINK> | Causes text to blink. | |
| <FONT> | </FONT> | Changes the font size. |
SIZE="..." The font size, from 1 to 7, default is 3. It can also be a value relative to the current size, such as +2 or -1. COLOR="..." Changes the color of the text. FACE="..." The name of the font to be used if it is available on the users system. Multiple fonts can be seperated by commas, in which case the first available is used. |
| <BASEFONT> | The default font size for the current page. |
SIZE="..." The default size of the font, from 1 to 7. Default is 3. | |
| Images and Sounds | |||
| <IMG> | Puts an image into a document. |
ISMAP Makes the image a clickable image map. SRC="..." The URL of the image. ALT="..." Text displayed when an image isn't shown. ALIGN="..." Tells the alignment of the image. Values are left, right, top, middle, bottom, texttop, absmiddle, baseline, and absbottom. Left and right tell which column the image goes in, and the others where the image goes in relation to other items in that column. VSPACE="..." Space between an image and the items below or above it. HSPACE Space between an image and the items to its left or right. WIDTH="..." The width of the image in pixles, the image will be scaled to this side. HEIGHT="..." The height of the image in pixles, the image will be scaled to this size. BORDER="..." Puts a border of the specified size, in pixles, around the image. LOWSRC="..." The URL of an image to be loaded before the image specified in the SRC. USEMAP="..." The name of an image map specification for a client-side map. It is used with <MAP> and <AREA>. DYNSRC="..." The address of a video clip or VRML world. CONTROLS Used with DYNSRC to display a set of playback controls for a video. LOOP="..." The number of times a video will loop. (INFINITE or -1 will cause it to loop indefinetly.) START="..." Tells when a DYNSRC video clip should start playing. Options are FILEOPEN, which is play when page is displayed, and MOUSEOVER, which plays the video when the mouse runs over it. | |
| <BGSOUND> | Plays a sound file right after the page loads. |
SRC="..." The URL of the WAV, AU, or MIDI file to embed. LOOP="..." The number of times the clip will play. -1 or INFINITE will cause an indefinite loop. | |
| <OBJECT> | Inserts an image, a video, an ActiveX OLE control, or a Java applet into a document. | ||
| <EMBED> | Embeds a file to be displayed or read by a plug-in. |
SRC="..." The URL of the file to be embedded. WIDTH="..." The width, in pixles, of the embedded object. HEIGHT="..." The height, in pixles, of the embedded object. ALIGN="..." Tells the alignment of the image. Values are left, right, top, middle, bottom, texttop, absmiddle, baseline, and absbottom. Left and right tell which column the image goes in, and the others where the image goes in relation to other items in that column. VSPACE="..." The space between the embedded object and the text above or below it. HSPACE="..." The space between the object and the items on its sides. BORDER="..." Tells the size, in pixles, of a border to be drawn around the object. | |
| <NOEMBED> | </NOEMBED> | Text or images to be shown to visitors without the correct plug-in installed. | |
| <MAP> | </MAP> | A client-side image map, shown by <IMG USEMAP="...">, it includes at least one <AREA> tag. | |
| <AREA> | Tells of a link within an image map. |
SHAPE="..." The shape of a clickable area, RECT, CIRCLE, and POLY can be used. COORDS="..." The top, bottom, left, and right coordinates of the clickable region within the map. HREF="..." The URL of the page to be loaded when the area of the map is clicked. NOHREF Tells that nothing should happen when this area is clicked. | |
| Forms | |||
| <FORM> | </FORM> | Starts a form. |
ACTION="..." The URL of a script that will process the form. METHOD="..." How the form will be sent. Get and Post can be used. ENCTYPE="..." /x-www-form-urlencoded, or, with uploads multipart/form-data. Optional. NAME="..." A name for the form. |
| <INPUT> | An input for a form. |
TYPE="..." The type of input. Checkbox, hidden, radio, reset, submit, text, send file, or image can be used. NAME="..." This items name, this is what is passed to the CGI script. VALUE="..." The default value for checkboxes and radio buttons, label for reset and send buttons. SRC="..." An image's source file. CHECKED Indicates that a check box or radio button is checked. SIZE="..." The amount of characters of a textarea or input field. MAXELENGTH="..." Maximum amount of characters that can be inserted in a textarea or field. ALIGN="..." Determines how text or images are aligned in a form. | |
| <TEXTAREA> | </TEXTAREA> | Makes a text entry for a form. |
NAME="..." Name of the entry. ROWS="..." The number of rows in the textarea. COLS="..." The number of cols in the textarea. WRAP="..." Controls the wrapping of text. Off, virtual, or physical may be used. |
| <SELECT> | </SELECT> | Makes a list of items, or a menu. |
NAME="..." The name of the list or menu. SIZE="..." The number of items. It is a menu if no size is used. MULTIPLE="..." Allows users to select more than one item. |
| <OPTION> | Used to put items in a SELECT command. |
SELECTED="..." When using this the OPTION is default. VALUE="..." The value to be submitted when this option is selected. | |
| Tables | |||
| <TABLE> | </TABLE> | Creates a table. |
BORDER="..." Gives the border size. If 0, then there is no border. CELLSPACING="..." The amount of space between the cells of a table. CELLPADDING="..." The amount of space between the edges of a cell and what is in it. WIDTH="..." The width of the table in either pixles or as a %. ALIGN="..." Alignment of the table. BACKGROUND="..." The BG image to be in all cells without their own BG. BGCOLOR="..." Background color of all cells without their own BG. BORDERCOLOR="..." The border color. BORDERCOLORLIGHT="..." The color for the light part of the border. BORDERCOLORDARK="..." The color for the dark part of the border. VALIGN="..." Alignment of text inside of the table, top and bottom can be used. FRAME="..." Tells which borders will appear around the table. void: no border above: only top border below: only bottom border hsides: top and bottom lhs: left hand side rhs: right hand side vsides: left and right sides box: all sides RULES="..." Tells which internal borders show. none: none basic: only between THEADm TBODY, and TFOOT rows: only horizontal cols: only vertical all: all |
| <CAPTION> | </CAPTION> | Makes a caption for a table. |
ALIGN="..." Puts the caption either above or below the table. Top and bottom can be used. |
| <TR> | </TR> | Makes a table row. |
ALIGN="..." The horizontal alignment of items inside of this row of the table. Left, right, and center can be used. VALIGN="..." The vertical alignment of items inside this row of the table. Top, middle, bottom, and baseline may be used. BACKGROUND="..." Background image for all cells in this row other than those with their own BG. BGCOLOR="..." Background color for all cells in this row other than those with their own BG. BORDERCOLOR="..." The border color for this row. BORDERCOLORLIGHT="..." Color for the light part of the border. BORDERCOLORDARK="..." Color for the dark part of the border. BORDERCOLORLIGHT="..." Color for the light part of the border. |
| <TH> | </TH> | Makes a table header. |
ALIGN="..." The horizontal alignment of items inside of the cell. Left, right, and center can be used. VALIGN="..." The vertical alignment of items inside of the cell. Top, middle, bottom, and baseline may be used. ROWSPAN="..." The number of rows this cell will span. COLSPAN="..." The number of columns this cell will span. NOWRAP Keeps the contents of the cell from auto-wrapping. WIDTH="..." The width of this column in either pixles or as %. BACKGROUND="..." Background image for the cell. BGCOLOR="..." Background color for this cell. BORDERCOLOR="..." The color for the border. BORDERCOLORLIGHT="..." The color for the light part of the border. BORDERCOLORDARK="..." The color for the dark part of the border. |
| <TD> | </TD> | Makes a table header. |
ALIGN="..." The horizontal alignment of items inside of the cell. Left, right, and center can be used. VALIGN="..." The vertical alignment of items inside of the cell. Top, middle, bottom, and baseline may be used. ROWSPAN="..." The number of rows this cell will span. COLSPAN="..." The number of columns this cell will span. NOWRAP Keeps the contents of the cell from auto-wrapping. WIDTH="..." The width of this column in either pixles or as %. BACKGROUND="..." Background image for the cell. BGCOLOR="..." Background color for this cell. BORDERCOLOR="..." The color for the border. BORDERCOLORLIGHT="..." The color for the light part of the border. BORDERCOLORDARK="..." The color for the dark part of the border. |
| <THEAD> | Starts the head section of a table. | ||
| <TBODY> | Starts the body section of a table. | ||
| <TFOOT> | Starts the footer section of a table. | ||
| <COL> | </COL> | Sets the width and alignment for columns. |
WIDTH="..." The width of columns in either pixles or relative terms. With relative "4*" would be four times as large as a column that is "1*". ALIGN="..." The alignment of items inside of the columns. Center, justify, left, and right can be used. SPAN="..." The number of columns that this COL will be applied to. |
| <COLGROUP> | </COLGROUP> | Sets the properties for a group of columns. |
ALIGN="..." The horizontal alignment of items within the columns. Center, justify, left, and right can be used. VALIGN="..." The vertical alignment of items inside of the columns. Baseline, bottom, middle, and top can all be used. |
| FRAMES | |||
| <FRAMESET> | </FRAMESET> | Used to divide the browser window into a group of frames that can each display a different document. |
ROWS="..." Splits the browser window into a group of horizontal rows. A number, percentage of the window's width, exact pixles, or an asterisk can be used. COLS="..." Splits the browser window into a group of vertical columns. A number, percentage of the window's width, exact pixles, or an asterisk can be used. |
| <FRAME> | </FRAME> | Gives info about an individual frame that is inside of a FRAMESET. |
SRC="..." The URL of the file that goes in this frame. NAME="..." The name used to target this frame. MARGINWIDTH="..." The amount of space that will be left empty on the sides of the frame, in pixles. MARGINHEIGHT="..." The amount of space that will be left empty on the top and bottom of the frame, in pixles. SCROLLING="..." Tells if a frame has scroll bars. Auto, yes, and no can be used. NORESIZE="..." Keeps the frames from being resized by a visitor to your site. FRAMEBORDER="..." Tells wif a border will be put on the frame, yes and no may be used. FRAMESPACING="..." The space between frames, in pixles. |
| <NOFRAME> | </NOFRAME> | Gives an alternate display for browsers that con't support frames. All HTML tags can be used within these tags. | |
| Scripts | |||
| <APPLET> | </APPLET> | Inserts a Java applet. |
CLASS="..." Name of the applet. SRC="..." The URL of the directory that the applet can be found in. For example: http://www.page.com/java/ do not put the actual name of the applet in, always end with a /. ALIGN="..." Tells how the applet will be aligned with following items. Middle, bottom, and top can be used. WIDTH="..." The width the applet's output in pixles. HEIGHT="..." The height of the applet's output, in pixles. |
| <SCRIPT> | </SCRIPT> | A script. |
LANGUAGE="..." The language that the script is written in. SRC="..." The URL of the file that has the script in it. |
| Marquees | |||
| <MARQUEE> | </MARQUEE> | A scrolling marquee. |
WIDTH="..." The width of the marquee in either pixles or as a %. HEIGHT="..." The height of the marquee in either pixles or as a %. ALIGN="..." The alignment of the text outside of the marquee. Midlle, top, and bottom can be used. BORDER="..." The border size for the marquee. If 0 there will be no border. BEHAVIOR="..." How the text in the marquee will move. scroll: continuos scroll slide: slides in, then stops alternate: slides from side to side BGCOLOR="..." Background color for the marquee. DIRECTION="..." Direction that the text scrolls. VSPACE="..." The amount of space above and below the marquee, in pixels. HSPACE="..." The amount of space to the sides of the marquee, in pixels. SCROLLAMOUNT="..." The number of pixles that move each time the text inside of the marquee is replaced. SCROLLDELAY="..." Amount of milliseconds between each replacement of the text. LOOP="..." The amount of times the marquee will loop, it will be an indefinate loop if -1 or infinite is chosen. |