CSC 110 Tag Summary
 
CSC 110 Home Page

Structural Tags

  • <html> </html> — The HTML Page
  • <head> </head> — Head of the HTML Page
  • <body> </body> — Body of the HTML Page
    • bgcolor="name" | "#rgb_number" — background color
    • background="name" — background image
    • link="name" | "#rgb_number" — hyperlink color
    • vlink="name" | "#rgb_number" — visited hyperlink color
    • alink="name" | "#rgb_number" — active hyperlink color
  • <title> </title> — Title

Block Tags

  • <p> </p> — Paragraph
    • align="center" | "right" | "left" — text alignment
  • <br> — Line Break
  • <h1> </h1> ... <h6> </h6> — Heading Level 1 through 6
    • align="center" | "right" | "left" — text alignment
  • <div> </div> — Division, Creates a block of text
    • align="center" | "right" | "left" — text alignment
  • <hr> — Horizontal Rule
    • size="number" — height in pixels
    • noshade — "flat" bar, rather than looking beveled
    • align="center" | "right" | "left" — rule alignment
    • width="number" | "percentage" — rule width
    • color="name" | "#rgb_number" —  rule color
  • <blockquote> </blockquote> — Block Quote
  • <pre> </pre> — Preformatted Text

Character Tags

  • <b> </b> — Bold
  • <i> </i> — Italics
  • <u> </u> — Underline
  • <font> </font> — Font Characteristics
    • color="name" | "#rgb_number" — font color
    • face="name" — font face
    • size="number" | "+/- number"> — font size, 1 – 7
  • <sub> </sub> — Subscript
  • <sup> </sup> — Superscript
  • <big> </big> — Bigger Letters
  • <small> </small> — Smaller Letters

Lists

  • <ol> </ol> — Ordered List (Numbered)
    • type="1" | "a" | "A" | "i" | "I" — list number
    • start="number" — initial item number
  • <ul> </ul> — Unordered List (Bulleted)
    • type="disc" | "circle" | "square" — bullet type
  • <li> </li> — List Item
    • value="number" — number for current item

Tables

  • <table> </table> — Table
    • border="number" — border size
    • bordercolor="name" | "#rgb_number" — border color
    • cellpadding="number" — extra space within the cells
    • cellspacing="number" — space between cells
    • bgcolor="name" | "#rgb_number" — background color
    • background="name" — background image
    • align="left" | "right" — table alignment, causes it to float
    • width="number" | "number%" — table width
  • <tr> </tr> — Table Row
    • bgcolor="name" | "#rgb_number" — background color
    • bordercolor="name" | "#rgb_number" — border color
    • align="left" | "center" | "right" — horizontal cell contents alignment
    • valign="top" | "middle" | "bottom" — vertical cell contents alignment
    • height="number" — row height
  • <th> </th> — Table Heading
    • bgcolor="name" | "#rgb_number" — background color
    • background="name" — background image
    • bordercolor="name" | "#rgb_number" — border color
    • align="left" | "center" | "right" — horizontal cell contents alignment
    • valign="top" | "middle" | "bottom" —  vertical cell contents alignment
    • height="number" — cell height
    • width="number" | "number%" —  cell width
    • colspan="number" — span multiple columns
    • rowspan="number" — span multiple rows
    • nowrap — suppress wrapping the cell contents
  • <td> </td> — Table Data
    • bgcolor="name" | "#rgb_number" — background color
    • background="name" — background image
    • bordercolor="name" | "#rgb_number" — border color
    • align="left" | "center" | "right" — horizontal cell contents alignment
    • valign="top" | "middle" | "bottom" —  vertical cell contents alignment
    • height="number" — cell height
    • width="number" | "number%" —  cell width
    • colspan="number" — span multiple columns
    • rowspan="number" — span multiple rows
    • nowrap — suppress wrapping the cell contents

Images and Links

  • <img> — Image
    • src="name" — image file
    • alt="text" — alternate text
    • height="number" | "number%" — image width
    • width="number" | "number%" — image height
    • align="left" | "center" | "right" — image alignment, causes it to "float"
  • <a> </a> — Anchor
    • href="name" — url of resource to be displayed
    • name="name" — jump target, document location, uses #
    • target="name" — window name for the display
CSC 110 Home Page