HTML Cheat Sheet



|Basic |Creates an HTML document |

| |Sets off the titles and heading |

| |Not viewed in the page |

| |(Page name on tab) |

| |Sets off the page content |

|Body Attributes | |

| |Background Color |

| |New paragraph |

|Text Size |The Largest Headline |

| | |

| | |

| | |

| | |

| |The smallest headline |

| |Increase font size by 2 |

| |Decrease font size by 2 |

| Text |Change font type |

|Appearance | |

| | |

| |BOLD |

| |Italicize |

| |Underline |

| |Horizontal rule |

| |Broken row (text goes down one line) |

| |Change color (put this tag before the word(s) and close it after |

| |All text on page same color |

|Alignment |Center |

| |Right Align |

| |Indent |

| | |

| | |

|Lists |Unordered List |

| |Unordered List with circle bullet |

| |Unordered List with square bullet |

| |Unordered List with disc bullet |

| |Ordered List |

| |Ordered List by Capital Letters |

| |Ordered List by Small Letters |

| |Ordered List by Capital Roman Numerals |

| |Ordered List by Small Roman Numerals |

| |Descriptive List |

| |Anchor for Link to another Web site |

| |Anchor for Link to another Web site that opens in a new window |

|Links The Name of Site |Link to another Web site |

| |Link to another Web site in a NEW WINDOW |

| |Link to another Web site that opens in the superior size frame |

| |Link to another Web site that cancels all frames and loads in |

| |full browser window |

| |Change the color of links and visited links |

| Email Me |Linking to Receive E-mail from site visitors |

| |Set anchor to link to section of your page |

|Link Name |Link to specified anchor name on your page |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

|Images and Graphics | |

| |Add an image or graphic to a page |

| |Add alternate text to an image, in case the viewer’s browser does|

| |not load the image |

| This is my text! |Bottom of image is aligned with the text |

| This is my text! |Top of image is aligned with the text |

| This is my text! |Center of image is aligned with the text |

| This is my text! |Force text to appear under the image |

| |Change justification to center text or images |

| |Set any digital image as background |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

| | |

|Tables |Table Tag |

| |(always goes between and ) |

| |Horizontal row in table |

| |Table Heading |

| |(use instead of tr to bold and center “headings”) |

| |Data within the row |

| |Table has no border |

| |Table has colored border around it |

| |Add space between cell edges and data |

| |Add space between cells |

| |Table Background Color of |

| |whole table |

| |Background color of entire row |

| |Background color of cell |

| |Specify size of whole table |

| |(width and height will expand automatically |

| |to fit length of data) |

| |Specify height of entire row |

| |Specify width of entire column |

| |Horizontal Alignment |

| |(can also be =”left” or “right”) |

| |Vertical Alignment |

| |(can also be “bottom” or “middle”) |

| |Align entire table on page |

| |(can also be =”left” or “right”) |

| |Cell Spanning – “Merging” |

| |(This example with merge two columns.) |

| | |

| |Row Spanning – “Merging” |

| |(This example with merge three rows.) |

| |

|Note: You can add font size, types, color, images, lists, links into your tables by adding the tag to the cell you choose, after the cell’s tag. |

|  |Placeholder to get an empty cell. |

| | |

| | |

| | |

| | |

| | |

|Frame Definition File |framedef.html |

| |Defines the structure of a frame |

| |Defines a given frame |

| |Alternate content if frame doesn’t appear in Browser |

|Frame Attributes | |

| |Sets 2 column frame |

| |Sets 2 row frame |

| |The * means it will occupy the space left (in pixels). Top 100 |

| |pixels, bottom 50 pixels, and middle gets what is left. |

| |Turns frame border off |

| |Turns frame border on |

| |Changes the margin on left and/or right |

| |of frame. (pixels) |

| |Changes the margin above or below a document within a frame. |

| |(pixels) |

| |Locks the borders to prohibit resizing |

| |Defines the name of a frame used as a target. |

| |Turns off a scroll bar |

|Example of a frame using pixels: |

| |

|Vinton County Courthouse> |

| |

| |

| |

|

................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download