HTML Quick Reference Guide
REQUIRED TAGS
Document Type Header Title Body
Gotta have both at top of doc Sandwiches body of page Top and bottom of doc
HEADING AND TEXT FORMATTING
Heading Bold Italic Typewriter Center Blinking Subscript Superscript Font Size
H1 thru H6 This is bold This is italic Monospaced font Centered We hate blinking text H2O E=mc
2
1 to 7, smallest to largest
ALIGNMENT / SPACING
Align Left Align Center Align Right Paragraph Line Break Block Quote
Alignment works with text, graphics, headlines, tables, paragraphs Gives space before a paragraph New line or carriage return Indents a block of text
GRAPHICS
Display graphic Dimensions Border 
.xxx = .gif or .jpg Scale graphic (in pixels) 
Make border 0 if linked and you still wish no border
HORIZONTAL RULES
Horizontal Rule HR Thickness HR Width HR Width Percent Solid Line
Shaded rule across page Thickness of rule in pixels Width of rule in pixels Percentage of page width Eliminates shading
LISTS
Unordered List Bullet List Circle Bullets Square Bullets Ordered List Definition List
Put - before each list item Bullet in front of each entry in list Circle in front of each entry in list Square in front of each entry in list Numbers the list items DT=Data Term, DD=Data Definition
BACKGROUNDS & COLOR
Tiled Background Background Color .xxx = .gif or .jpg $ represents hexadecimal code $ represents hexadecimal code $ represents hexadecimal code $ represents hexadecimal code $ represents hexadecimal code
Text Color
Link Color
Visited Link
Active Link
The 6 digits used for background color and any other color specification are hexadecimal code. The best way to find out the hexadecimal code for the color you want is to use the color palette from any of the HTML editors out there, including Homesite, BBEdit, Dreamweaver, or go into Photoshop and Fireworks. Select the color you want and then look for the Hexadecimal code in the Info palette of the program you are using.
LINKS
Link to another page Link to another site Link to target in page Link to another page in your site Requires full address; e.g. "http://www.yahoo.com" Moves to another location in current page Links to specific location in page outsideyour site Put just above where you want page todisplay Embed this code in HREF tag
Link to target in other site Define target in document Use graphic as link Alternate name
xxx = Description of graphic
SPECIAL CHARACTERS
Special Character < > & é Non-Breaking Space &name; or &#?; < or < > or > & or & é or é or ? is numeric ASCII code Complete Character Chart
TABLES
Define Table Desired Width Width Percent Table Border Table Cell Table Row Cell Spacing Cell Padding Row Horiz. Alignment Row Vert. Alignment Data Horiz. Alignment Data Vert. Alignment Columns to Span Rows to Span Desired Width Table Header Table Caption
| |
| | | | | | | For data to stretch across columns For data to go deeper than one column In pixels Bold, centered table data Sandwiches table In pixels Percentage of page In pixels Think of it as Table Data New table row In pixels In pixels
AFRICA
Views: 222 | Downloads: 0