Reference HTML Cheatsheet

Basic Tags

Creates an HTML document

Sets off the title and other information that isn’t displayed on the Web page itself

Sets off the visible portion of the document

Header Tags

Puts the name of the document in the title bar

Body Attributes

Sets the background color, using name or hex value

Sets the text color, using name or hex value

Sets the color of links, using name or hex value

Sets the color of followed links, using name or hex value

Sets the color of links on click

Text Tags


Creates preformatted text

Creates the largest headline

Creates the smallest headline

Creates bold text

Creates italic text

Creates teletype, or typewriter-style text

Creates a citation, usually italic

Emphasizes a word (with italic or bold)

Emphasizes a word (with italic or bold)

Sets size of font, from 1 to 7)

Sets font color, using name or hex value

Links

Creates a hyperlink

Creates a mailto link

Creates a target location within a document

Links to that target location from elsewhere in the document

Formatting

Creates a new paragraph

Aligns a paragraph to the left, right, or center

Inserts a line break

Indents text from both sides

Creates a definition list

Precedes each definition term

Precedes each definition

    Creates a numbered list

  1. Precedes each list item, and adds a number

      Creates a bulleted list

      A generic tag used to format large blocks of HTML, also used for stylesheets

      Graphical Elements

      Adds an image

      Aligns an image: left, right, center; bottom, top, middle

      Sets size of border around an image


      Inserts a horizontal rule


      Sets size (height) of rule


      Sets width of rule, in percentage or absolute value


      Creates a rule without a shadow

      Tables

      Creates a table

      Sets off each row in a table

      Sets off each cell in a row

      Sets off the table header (a normal cell with bold, centered text)

      Table Attributes

      Sets width of border around table cells
      Sets amount of space between table cells
      Sets amount of space between a cell’s border and its contents
      Sets width of table — in pixels or as a percentage of document width

      or or
      Sets alignment for cell(s) (left, center, or right)

      Sets vertical alignment for cell(s) (top, middle, or bottom) Sets number of columns a cell should span Sets number of rows a cell should span (default=1) Prevents the lines within a cell from being broken to fit

      Frames

      Replaces the tag in a frames document; can also be nested in other framesets

      Defines the rows within a frameset, using number in pixels, or percentage of w idth

      Defines the columns within a frameset, using number in pixels, or percentage of width

      Defines a single frame — or region — within a frameset

      Defines what will appear on browsers that don’t support frames

      Frames Attributes

      Specifies which HTML document should be displayed

      Names the frame, or region, so it may be targeted by other frames

      Defines the left and right margins for the frame; must be equal to or greater than 1

      Defines the top and bottom margins for the frame; must be equal to or greater than 1

      Sets whether the frame has a scrollbar; value may equal “yes,” “no,” or “auto.” The default, as in ordinary documents, is auto.

      Prevents the user from resizing a frame

      Forms
      For functional forms, you’ll have to run a CGI script. The HTML just creates the appearance of a form.

      Creates all forms

      Creates a scrolling menu. Size sets the number of menu items visible before you need to scroll.

      Sets off each menu item

      Creates a pulldown menu

      Sets off each menu item

      Creates a text box area. Columns set the width; rows set the height.

      Creates a checkbox. Text follows tag.

      Creates a radio button. Text follows tag

      Creates a one-line text area. Size sets length, in characters.

      Creates a Submit button

      Creates a Submit button using an image

      Creates a Reset button

      Leave a Reply