general account banner development uploading tech support

HTML Cheat Sheet More Questions Like This
  • Basic Elements
  • Links
  • Backgrounds
  • Graphics and Sound
  • Formatting
  • Tables
  • Dividers
  • Structural Elements
  • Frames & Positioning
  • TITLE TAG DESCRIPTION
    Basic Elements
    Document Type <HTML> </HTML> document root element, beginning and end of file
    Title <TITLE> </TITLE> document title, must be in header
    Header <HEAD> </HEAD> descriptive info, such as title
    Body <BODY> </BODY> bulk of the page, notes body of document
    TITLE TAG DESCRIPTION
    Formatting
    Bold <B> </B> bold text style
    Italic <I> </I> italic text style
    Underline <U> </U> underlined text (not widely implemented)
    Strikeout <STRIKE> </STRIKE> strike-through text (not widely implemented)
    Strikeout <S> </S> strike-through text (not widely implemented)
    Subscript <SUB> </SUB> subscript numbers like footnotes
    Superscript <SUP> </SUP> superscript numbers like cross - reference numbers
    Typewriter <TT> </TT> teletype or mono spaced text
    Pre formatted <PRE> </PRE> pre formatted text (display text spacing as-is)
    Width <PRE WIDTH=#> </PRE> width in characters
    Center <CENTER> </CENTER> centers text and images
    Blinking <BLINK> </BLINK> blinking text, Netscape only
    Font Size <FONT SIZE=?> </FONT> local font size(ranges from 1-7)
    Change Font Size <FONT SIZE="+|-?"> </FONT> controls font size rendered
    Font Color <FONT COLOR="#$$$$$$"> </FONT> controls font color rendered
    Select Font <FONT FACE="***"> </FONT> the style of the text, such as Times New Roman
    Point size <FONT POINT-SIZE=#> </FONT> the size of the text
    Weight <FONT WEIGHT=?> </FONT> used to specify weight or thickness of text
    Base Font Size <BASEFONT SIZE=#> size of font (from 1-7; default is 3)
    Marquee <MARQUEE> </MARQUEE> scrolling text (IE only)
    TITLE TAG DESCRIPTION
    Links
    Link Something <A HREF="URL"> </A> links text or graphic to another URL
    Link to Location <A HREF="URL#***"> </A> links text or graphic an anchor in an other document
    Link to Location in Current Page <A HREF="#***"> </A> links text or graphic an anchor in current document
    Target Window <A HREF="URL" TARGET="***"> </A> links text or graphic to a URL in a new browser widow
    Action on Click <A HREF="URL" ONCLICK="***"> </A> takes effect when user clicks on the item (Javascript)
    Mouseover Action <A HREF="URL" ONMOUSEOVER="***"> </A> takes effect when user moves pointer over item
    Mouse out Action <A HREF="URL" ONMOUSEOUT="***"> </A> takes effect when user moves the pointer away from item
    Link to Email <A HREF="mailto:@"> </A> creates blank e-mail to indicated address with visitor's default e-mail client
    Specify Subject <A HREF="mailto:@?SUBJECT=***"> </A> fills out subject line in visitors e-mail(use a real question mark)
    Define Location <A NAME="***"> </A> indicates an anchor's name and location in a document
    TITLE TAG DESCRIPTION
    Graphics and Sound
    Display Image <IMG SRC="URL"> displays image from the indicated URL
    Alignment <IMG SRC="URL" ALIGN= TOP|BOTTOM|MIDDLE|LEFT|RIGHT> aligns the image
    Alternate <IMG SRC="URL" ALT="***"> displays the name/ description of image if image not displayed
    Dimensions <IMG SRC="URL" WIDTH=? HEIGHT=?> the dimensions, in pixels, of the image
    Dimensions % <IMG SRC="URL" WIDTH=% HEIGHT=%> dimensions as percentage of page width/height
    Border <IMG SRC="URL" BORDER=?> border, in pixels, around the image
    Image map <IMG SRC="URL" ISMAP> linking of a portion of an image (requires a script)
    Movie Clip <IMG DYNSRC="***" START="***" LOOP=?> insert movie clip
    Background Sound <BGSOUND SRC="***" LOOP=?|INFINITE> insert sound clip
    Embed Object <EMBED SRC="URL"> insert object into page
    Object Size <EMBED SRC="URL" WIDTH=? HEIGHT=?> size, in pixels of embedded object
    Object <OBJECT> </OBJECT> embedded object
    Parameters <PARAM> named property value
    TITLE TAG DESCRIPTION
    Dividers
    Paragraph <P> </P> paragraph (closing tag often unnecessary)
    Align Text <P ALIGN=LEFT|CENTER|RIGHT> </P> aligns paragraph
    Justify Text <P ALIGN=JUSTIFY> </P> justify's paragraph's text
    Line Break <BR> a single carriage return
    Horizontal Rule <HR> horizontal line
    Alignment <HR ALIGN=LEFT|RIGHT|CENTER> alignment of horizontal line
    Thickness <HR SIZE=?> thickness, in pixels, of horizontal line
    Width <HR WIDTH=?> width, in pixels, of horizontal line
    Width Percent <HR WIDTH="%"> width(as a percentage of page width), in pixels, of horizontal line
    Solid Line <HR NOSHADE> horizontal line without the 3D cutout look
    No Break <NOBR> </NOBR> prevents line breaks
    Word Break <WBR> where to break a line if needed
    TITLE TAG DESCRIPTION
    Structural Elements
    Heading <H?> </H?> document header, the ? defines 6 levels (#'s 1-6)
    Division <DIV> </DIV> generic style container
    Defined Content <SPAN> </SPAN> generic style container
    Block Quote <BLOCKQUOTE> </BLOCKQUOTE> long quotation block, usually indented
    Quote <Q> </Q> short quotations
    Emphasis <EM> </EM> emphasized text, usually displayed as italic
    Strong Emphasis <STRONG> </STRONG> strongly emphasized text, usually displayed as bold
    Citation <CITE> </CITE> citation, usually italics
    Code <CODE> </CODE> for source code listings
    Sample Output <SAMP> </SAMP> sample program output
    Keyboard Input <KBD> </KBD> text that should be entered by the user
    Variable <VAR> </VAR> program variable or output
    Definition <DFN> </DFN> definition, not widely implemented
    Address <ADDRESS> </ADDRESS> author information
    Large Font Size <BIG> </BIG> uses a large text size
    Small Font Size <SMALL> </SMALL> use a small text size
    Insert <INS> </INS> marks inserted text in a new version
    Time of Change <INS DATETIME=":"> </INS> marks time of addition
    Comments <INS CITE="URL"> </INS> comments on the additions in a new version
    Delete <DEL> </DEL> marks deletions in a new version
    Time of Change <DEL  DATETIME=":"> </DEL> time of deletion in document
    Comments <DEL CITE="URL"> </DEL> comments about the deletion
    Acronym <ACRONYM> </ACRONYM> acronyms
    Abbreviation <ABBR> </ABBR> abbreviation
    TITLE TAG DESCRIPTION
    Backgrounds
    Tiled Background <BODY BACKGROUND= "URL"> causes the image to tile as the background of the page
    Watermark <BODY BGPROPERTIES= "FIXED"> static image which remains in the same location as visitors scroll
    Background Color <BODY BGCOLOR= "#$$$$$$"> solid background color of the page
    Text Color <BODY TEXT="#$$$$$$"> color of the text throughout the page
    Link Color <BODY LINK="#$$$$$$"> color of all links throughout the page
    Visited Link <BODY VLINK="#$$$$$$"> color of all links that have already been clicked on by visitor
    Active Link <BODY ALINK="#$$$$$$"> color of link while being selected
    TITLE TAG DESCRIPTION
    Lists
    Unordered List <UL> <LI> </UL> list with bulleted items
    List Item <LI> </LI> indicates an item on the list
    Bullet Type <UL TYPE=DISC|CIRCLE|SQUARE> shape of bullet for the whole list
    Bullet Type <LI TYPE=DISC|CIRCLE|SQUARE> shape of bullet for specific list item
    Ordered List <OL> <LI> </OL> numbered list
    Numbering Type <OL TYPE=A|a|I|i|1> type of numbering for the whole list
    Numbering Type <LI TYPE=A|a|I|i|1> type of numbering for specific list item
    Starting Number <OL START=?> starting number for list
    Starting Number <LI VALUE=?> starting number for this & subsequent items
    Definition List <DL> </DL> a list of definitions
    Definition Term <DT> </DT> definition term
    Definition <DD> </DD> definition of a term
    Menu List <MENU> </MENU> display menu type list
    Directory List <DIR> </DIR> directory link
    TITLE TAG DESCRIPTION
    Tables
    Define Table <TABLE> </TABLE> signals the beginning of a table
    Table Alignment <TABLE ALIGN= LEFT|RIGHT|CENTER> aligns the table within the browser window
    Table Border <TABLE BORDER> </TABLE> table border either on or off
    Table Border <TABLE BORDER=?> </TABLE> border of table, you can set the value (aka width)
    Cell Spacing <TABLE CELLSPACING=?> places specific amount of space between the individual cells within a table
    Cell Padding <TABLE CELLPADDING=?> places specific amount of space between the cells border and its contents
    Desired Width <TABLE WIDTH=?> width of table in pixels
    Width Percent <TABLE WIDTH=%> width of table in percentage of page
    Table Color <TABLE BGCOLOR="#$$$$$$"> </TABLE> overall background color of table
    Table Frame <TABLE FRAME= VOID |ABOVE |BELOW |HSIDES |LHS |RHS|VSIDES|BOX|BORDER> </TABLE> controls how the border around the outside edge of the table is displayed
    Table Rules <TABLE RULES= NONE| GROUPS| ROWS|COLS|ALL> </TABLE> controls the vertical and horizontal lines displayed
    Border Color <TABLE BORDERCOLOR="#$$$$$$"> </TABLE> the color of the table border
    Table Row <TR> </TR> table row
    Alignment <TR ALIGN= LEFT| RIGHT| CENTER| MIDDLE| BOTTOM> alignment of the table row
    Table Cell <TD> </TD> specific table cell, must appear within table rows
    Alignment <TD ALIGN= LEFT|RIGHT|CENTER VALIGN= TOP|MIDDLE|BOTTOM> alignment of the table cell
    No Line Breaks <TD NOWRAP> no line breaks within the table cell
    Columns to Span <TD COLSPAN=?> identifies the the number of columns the cell should span
    Rows to Span <TD ROWSPAN=?> identifies the the number of rows the cell should span
    Desired Width <TD WIDTH=?> width of cell in pixels
    Width Percent <TD WIDTH="%"> width of cell as percentage of table
    Cell Color <TD BGCOLOR="#$$$$$$"> background color of table cell
    Header Cell <TH> </TH> table cell for header information (bold & centered)
    Alignment <TH ALIGN= LEFT| RIGHT| CENTER| MIDDLE|BOTTOM> alignment of the header cell
    No Line Breaks <TH NOWRAP> no line breaks within the header cell
    Columns to Span <TH COLSPAN=?> identifies the number of columns the header cell should span
    Rows to Span <TH ROWSPAN=?> identifies the number of rows the header cell should span
    Desired Width <TH WIDTH=?> width of header cell in pixels
    Width Percent <TH WIDTH="%"> width of header cell as percentage of table
    Cell Color <TH BGCOLOR="#$$$$$$"> background color of header cell
    Table Body <TBODY> identifies the specific body section of the table
    Table Footer <TFOOT> </TFOOT> separates group of cells to serve as footer material for the table (must come before <THEAD>)
    Table Header <THEAD> </THEAD> separates group of cells to serve as header material for the table
    Table Caption <CAPTION> </CAPTION> caption for a table
    Alignment <CAPTION ALIGN=TOP|BOTTOM|LEFT|RIGHT> alignment for the caption of a table
    Column <COL> </COL> groups column attributes
    Columns Spanned <COL SPAN=?> </COL> indicates the number of columns spanned
    Column Width <COL WIDTH=?> </COL> column width in pixels
    Width Percent <COL WIDTH="%"> </COL> column width as percentage of table
    Group Columns <COLGROUP> </COLGROUP> groups column structure
    Columns Spanned <COLGROUP SPAN=?> </COLGROUP> indicates columns spanned in the grouped column structure
    Group Width <COLGROUP WIDTH=?> </COLGROUP> indicates columns the width of the group of columns in pixels
    Width Percent <COLGROUP WIDTH="%"> </COLGROUP> indicates columns the width of the group of columns as a percentage of table
    TITLE TAG DESCRIPTION
    Frames
    Frame Document <FRAMESET> </FRAMESET> creates layouts of frames (instead of <BODY>)
    Row Heights <FRAMESET ROWS=,,,> </FRAMESET> comma separated list of size of each row within the frameset (pixels or %)
    Column Widths <FRAMESET COLS=,,,> </FRAMESET> comma separated list of size of each column within the frameset (pixels or %)
    Borders <FRAMESET FRAMEBORDER= "yes|no"> </FRAMESET> identifies if a frame has a visible border or not
    Border Width <FRAMESET BORDER=?> </FRAMESET> width of frame border if visible
    Border Color <FRAMESET BORDERCOLOR="#$$$$$$"> </FRAMESET> color of frame border if visible
    Frame Spacing <FRAMESET FRAMESPACING=?> </FRAMESET> number of pixels of reserved space between frames
    Define Frame <FRAME> specific contents of an individual frame
    Display Document <FRAME SRC="URL"> identifies the initial contents of the frame
    Frame Name <FRAME NAME="***"| _blank| _self| _parent|_top> assigns a name to the current frame
    Margin Width <FRAME MARGINWIDTH=?> distance between content and frame's left and right margins
    Margin Height <FRAME MARGINHEIGHT=?> distance between content and frame's top and bottom margins
    Scroll bar <FRAME SCROLLING="YES|NO|AUTO"> controls how the window is or isn't scrolled
    Not Re-sizable <FRAME NORESIZE> prohibits the document viewer from changing dimensions of the frame
    Borders <FRAME FRAMEBORDER="yes|no"> controls wither frame has a border
    Border Color <FRAME BORDERCOLOR="#$$$$$$"> color of border of frame
    Unframed Content <NOFRAMES> </NOFRAMES> for non-frames browsers
    Inline Frame <IFRAME> </IFRAME> inline sub window, takes same attributes as FRAME
    Dimensions <IFRAME WIDTH=?
    HEIGHT=?> </IFRAME>
    dimensions of sub window in pixels
    Dimensions <IFRAME WIDTH="%" HEIGHT="%"> </IFRAME> dimensions of sub window as percentage
    TITLE TAG DESCRIPTION
    Positioning (Netscape Only)
    Multi-Column <MULTICOL COLS=?> </MULTICOL> more than one column
    Column Gutter <MULTICOL GUTTER=?> </MULTICOL> the gutter of the column
    Column Width <MULTICOL WIDTH=?> </MULTICOL> width of the column
    Spacer <SPACER> insertion of space
    Spacer Type <SPACER  TYPE= HORIZONTAL|VERTICAL|BLOCK> type of space inserted
    Size <SPACER SIZE=?> size of space inserted
    Dimensions <SPACER WIDTH=? HEIGHT=?> height and width of space inserted
    Alignment <SPACER ALIGN=LEFT|RIGHT|CENTER> alignment of spacer
    Layer <LAYER> </LAYER> ability to view pages using precisely positioned overlapping layers
    Name <LAYER ID="***"> </LAYER> specifies identifying name of layer
    Location <LAYER LEFT=? TOP=?> </LAYER> location of layer
    Dimensions <LAYER HEIGHT=? WIDTH=?> </LAYER> dimensions of the layer
    Visible <LAYER VISIBILITY= SHOW|HIDDEN|INHERIT> </LAYER> visibility of the layer
    Background <LAYER BACKGROUND="#$$$$$$"> </LAYER> the background of the layer
    Color <LAYER BGCOLOR="#$$$$$$"> </LAYER> the background color of the layer
    Inline Layer <ILAYER> </ILAYER> a layer within a layer (takes same attributes as LAYER)


    Join FortuneCity FortuneCity.com
  • Online HTML Class
  • Learn More HTML

    HTML Validators:
  • Real Validator
  • HTML Toolbox

    HTML Editors:
  • File Manager

    HTML Tags:
  • Backgrounds
  • Basic Elements
  • Dividers
  • Frames
  • Formatting
  • Graphics & Sound
  • Links
  • Structure
  • Tables
  • Login to your FortuneCity Account