Tag/Attribute | Description |
<!--> | Inserts a comment |
<!DOCTYPE> | Indicates what version of HTML is used |
<BODY> | Identifies content on a Web page |
<BR> | Creates a new line |
<H1>, <H2>, <H3>, <H4>, <H5>, <H6> | Creates heading levels |
<HEAD> | Contains information about a Web page title, style sheets, and search engine keywords |
<HTML> | Identifies an HTML document |
<META> | Contains extra information about the Web page |
CONTENT | Specifies custom information about a page |
NAME | Adds description or copyright information to a Web page |
<P> | Starts a new paragraph |
ALIGN | Aligns a paragraph |
<TITLE> | Creates a title for a Web page |
Text Formatting Tags/Attributes | |
|---|---|
Tag/Attribute | Description |
<B> | Bolds text |
<BASEFONT> | Specifies a default font for the entire page |
COLOR | Specifies default text color |
FACE | Specifies default font |
SIZE | Specifies default text size |
<BIG> | Makes text larger than surrounding text |
<BLINK> | Makes text blink |
<BLOCKQUOTE> | Separates text from the main text for attention |
<BODY> | |
BGCOLOR | Sets a background color for a page |
BOTTOMMARGIN | Changes the bottom margin |
LEFTMARGIN | Changes the left margin |
MARGINHEIGHT | Changes the top and bottom margins |
MARGINWIDTH | Changes the left and right margins |
RIGHTMARGIN | Changes the right margin |
TEXT | Specifies a color for all the text on the page |
TOPMARGIN | Changes the top margin |
<CENTER> | Centers information on the page |
<FONT> | Changes the appearance of text |
COLOR | Changes the text color |
FACE | Changes the font |
SIZE | Changes the text size |
<I> | Italicizes text |
<NOBR> | Keeps all the text on one line, without breaks |
<PRE> | Retains preformatted spacing for text |
<Q> | Adds quotes to text |
<SMALL> | Makes the text smaller than surrounding text |
<STRIKE> | Adds a strikethrough line to text |
<SUB> | Places text slightly below the baseline |
<SUP> | Places text slightly above the baseline |
<TT> | Creates typewriter text |
<U> | Underlines text |
List Tags/Attributes | |
|---|---|
Tag/Attribute | Description |
<DD> | Identifies a definition in a definition list |
<DL> | Creates a definition list of terms |
<DT> | Identifies a term in a definition list |
<LI> | Identifies an item in an ordered or unordered list |
<OL> | Creates an ordered list |
START | Specifies a start number for an ordered list |
TYPE | Specifies a number style for an ordered list |
<UL> | Creates an unordered list |
TYPE | Specifies a bullet style for an unordered list |
Table Tags/Attributes | |
|---|---|
Tag/Attribute | Description |
<CAPTION> | Adds a caption to a table |
<CENTER> | Center aligns a table on a page |
<COL> | Defines special columns in a column group |
ALIGN | Aligns column content |
SPAN | Specifies the number of columns to format |
WIDTH | Specifies the default width for columns |
<COLGROUP> | Defines a column group |
ALIGN | Aligns column content |
SPAN | Specifies the number of columns |
WIDTH | Specifies the default width for columns |
<TABLE> | Creates a table |
ALIGN | Controls table alignment |
BACKGROUND | Inserts a background image into a table |
BGCOLOR | Changes the table background color |
BORDER | Adds a border to a table |
CELLPADDING | Changes the amount of space around cell contents |
CELLSPACING | Changes the amount of space between cells |
HEIGHT | Controls the height of a table |
WIDTH | Controls the width of a table |
<TD> | Creates a data cell in a table |
ALIGN | Aligns data in a cell |
BGCOLOR | Changes the cell background color |
COLSPAN | Combines two or more cells across columns |
HEIGHT | Controls the height of a table cell |
NOWRAP | Keeps text in a cell on one line |
ROWSPAN | Combines two or more cells down rows |
VALIGN | Aligns data vertically in a cell |
WIDTH | Controls the width of a table cell |
<TH> | Creates a header cell |
ALIGN | Aligns data in a header cell |
BGCOLOR | Adds background color to a header cell |
COLSPAN | Combines two or more header cells across columns |
HEIGHT | Controls the height of a header cell |
NOWRAP | Keeps text in a header cell on one line |
ROWSPAN | Combines two or more header cells down rows |
WIDTH | Controls the width of a header cell |
VALIGN | Aligns data vertically in a header cell |
<TR> | Creates a new row in a table |
ALIGN | Aligns data horizontally in a table |
BGCOLOR | Changes the background color of a row |
VALIGN | Aligns data vertically in a table |
Image Tags/Attributes | |
Tag/Attribute | Description |
<BODY> | |
BACKGROUND | Inserts a background image on the page |
<BR> | |
CLEAR | Stops text from wrapping around an image |
<CENTER> | Center aligns an image |
<HR> | Adds a horizontal rule |
ALIGN | Aligns a horizontal rule |
NOSHADE | Displays rule without shading |
SIZE | Changes the thickness of a horizontal rule |
WIDTH | Changes the width of a horizontal rule |
<IMG> | Inserts an image on a page |
ALIGN | Aligns an image on the page |
ALT | Displays alternative text when an image does not download |
BORDER | Adds a border to an image |
HEIGHT | Controls the height of an image |
HSPACE | Adds space to the left and right sides of an image |
SRC | Specifies the image location or path |
VSPACE | Adds space above and below an image |
WIDTH | Controls the width of an image |
Links Tags/Attributes | |
|---|---|
Tag/Attribute | Description |
<A> | Creates a link |
HREF | Specifies the path and location of a linked page or other resource |
NAME | Names a Web page area for referencing by a link |
TARGET | Specifies where linked information appears |
<BODY> | |
ALINK | Changes the color of a link as the user clicks it |
LINK | Changes the color of an unvisited link |
VLINK | Changes the color of a visited link |
Image Map Tags/Attributes | |
|---|---|
Tag/Attribute | Description |
<AREA> | Specifies an image area |
COORDS | Specifies all the coordinates for an image area |
HREF | Specifies the location of a Web page linked to an image area |
NOHREF | Excludes an area from an image map |
SHAPE | Controls the shape of an image area |
TARGET | Specifies a window or frame that a link should display in |
<IMG> | Adds an image to a page |
USEMAP | Identifies an image map for an image |
<MAP> | Creates an image map |
NAME | Names an image map |
Multimedia Tags/Attributes | |
|---|---|
Tag/Attribute | Description |
<A> | |
HREF | Specifies the path and location of a linked sound or video |
<BGSOUND> | Specifies a background audio clip for a Web page |
LOOP | Controls how often an audio clip plays |
SRC | Specifies the path and location of the audio clip |
<EMBED> | Adds an audio or video clip to a Web page |
AUTOSTART | Plays a multimedia clip automatically |
CONTROLS | Adds control buttons for the multimedia element |
HEIGHT | Controls the height of a multimedia element |
LOOP | Plays a multimedia clip continuously |
SRC | Specifies the path and location of a multimedia clip |
WIDTH | Specifies the width of a multimedia element |
<OBJECT> | Adds a multimedia object to a Web page |
ALIGN | Aligns objects |
BORDER | Adds a border to an object |
CLASSID | Identifies the kind of object being embedded |
CODEBASE | Defines the base URL of the source object |
DATA | Identifies the source of the multimedia file |
HEIGHT | Controls the height of an object |
HSPACE | Adds space to the sides of the object |
NAME | Identifies the object |
STANDBY | Displays a message as the object is loading |
TYPE | Identifies the object's MIME type |
VSPACE | Adds space to the top and bottom of the object |
WIDTH | Controls the width of an object |
Java and JavaScript Tags/Attributes | |
|---|---|
Tag/Attribute | Description |
<APPLET> | Adds a Java applet to a Web page |
CODE | Specifies the location of a Java applet |
HEIGHT | Specifies the height of a Java applet |
WIDTH | Specifies the width of a Java applet |
<NOSCRIPT> | Displays alternative text when a JavaScript does not run |
<SCRIPT> | Adds JavaScript code to a Web page |
SRC | Specifies the path and location of JavaScript code |
TYPE | Identifies the script as JavaScript |
Frame Tags/Attributes | |
|---|---|
Tag/Attribute | Description |
<A> | |
HREF | Specifies the location of a linked Web page to appear in a frame |
TARGET | Specifies the frame where a linked Web page will appear |
<BASE> | Specifies the information about links on a page |
TARGET | Specifies the frame where linked Web pages appear |
<FRAME> | Specifies information for a frame |
MARGINHEIGHT | Changes the top and bottom margins of a frame |
MARGINWIDTH | Changes the left and right margins of a frame |
NAME | Names a frame |
NORESIZE | Prevents users from resizing a frame |
SCROLLING | Hides or displays scroll bars for a frame |
SRC | Specifies the location of a Web page to appear in a frame |
<FRAMESET> | Specifies a structure for frames |
BORDER | Specifies a border thickness for a frame |
COLS | Creates frames in columns |
ROWS | Creates frames in rows |
<NOFRAMES> | Displays alternative text for frames that do not appear |
Form Tags/Attributes | |
|---|---|
Tag/Attribute | Description |
<FORM> | Creates a form |
ACTION | Specifies the location of a CGI script for a form |
METHOD | Specifies how form information is sent to a Web server |
<INPUT> | Creates an input item on a form |
CHECKED | Automatically selects a radio button or check box |
ENCTYPE | Specifies file transfer for form data over the Internet |
MAXLENGTH | Specifies the maximum number of characters for a form entry |
NAME | Identifies the name of a form item for a server |
SIZE | Specifies the form item size |
TYPE | Specifies the form item type |
VALUE | Identifies the value of a form item for a server |
<LABEL> | Labels a form element |
FOR | Specifies which form element the label belongs to |
<OPTION> | Creates a menu option for a form |
SELECTED | Specifies which menu option is selected by default |
VALUE | Identifies a form item for a server |
<SELECT> | Creates a menu item on a form |
NAME | Identifies a form menu for a server |
SIZE | Specifies the number of menu options displayed at a time |
<TEXTAREA> | Creates a large text area on a form |
COLS | Specifies a width of a large text area |
NAME | Identifies the name of a text area for a server |
ROWS | Specifies a height of a large text area |
WRAP | Wraps text within a large text area |
Style Sheet Tags/Attributes | |
|---|---|
Tag/Attribute | Description |
CLASS | Assigns a style rule to an HTML tag |
ID | Assigns a style rule to an HTML tag |
STYLE | Assigns a style declaration to an HTML tag |
<DIV> | Assigns a style to a specific area of a page |
CLASS | Assigns a style rule |
<LINK> | Links a Web page to an external style sheet |
HREF | Specifies the path and location of an external style sheet |
REL | Specifies a link to a style sheet, whether the sheet is primary or alternative |
TYPE | Specifies the format of a style sheet |
<STYLE> | Creates a style sheet |
Style Sheet Characteristics | |
|---|---|
Characteristic | Description |
background | Specifies a background color or image |
background-color | Specifies a background color of an element |
border | Specifies a border |
border-color | Specifies a border color |
border-spacing | Controls the amount of space between borders in a table |
border-style | Specifies a border style |
border-width | Specifies a line thickness for a border |
color | Specifies a color |
float | Aligns and wraps text on a page |
font-family | Specifies a font |
font-size | Specifies a font size |
font-style | Italicizes text |
font-weight | Bolds text |
height | Specifies the height of an element |
line-height | Specifies line spacing |
list-style | Specifies a bullet or number style for lists |
margin | Sets a margin of an element |
padding | Specifies the space between content and borders |
text-align | Aligns text |
text-decoration | Adds underlining to text |
text-indent | Indents the first line of text |
text-transform | Specifies a text case |
width | Specifies the width of an element |
Sixteen Named Colors | |
|---|---|
Color | Name |
 | Black (#000000) |
 | Silver (#C0C0C0) |
 | Gray (#808080) |
 | White (#FFFFFF) |
 | Maroon (#800000) |
 | Red (#FF0000) |
 | Purple (#800080) |
 | Fuchsia (#FF00FF) |
 | Green (#008000) |
 | Lime (#00FF00) |
 | Olive (#808000) |
 | Yellow (#FFFF00) |
 | Navy (#000080) |
 | Blue (#0000FF) |
 | Teal (#008080) |
 | Aqua (#00FFFF) |