Required
Tags
Document Tag <html></html>
Top and bottom of doc
Head Section <head></head>
Gotta have at top of doc (after <html>)
Title <title></title>
Goes in the Head Section
Body Section <body></body>
Sandwiches the body of page
Click here to sign up for more Free Stuff
Heading
and Text Formatting
Heading <h?></h?>
H1 thru H6 (largest thru smallest)
Bold <b></b> or <strong></strong>
This is bold
Italic <i></i> or <em></em>
This is italic
Typewriter <tt></tt>
Monospaced font
Center <div align="center" ></div>
Centered
Subscript <sub></sub>
H2 O
Superscript <sup></sup>
E=mc2
Font Size <font size="?"></font>
1 to 7 (smallest to largest)
Click here to sign up for more Free Stuff
Alignment
/ Spacing
Align Left align="left"
Alignment works with
Align Center align="center"
Align Right align="right"
Paragraph <p></p>
Gives space before a paragraph
Line Break <br>
New line or carriage return
Block Quote <blockquote></blockquote>
Indents a block of text
Click here to sign up for more Free Stuff
Graphics
Display graphic <img src="img/name.xxx">
.xxx = .gif or .jpg
Dimensions <img src="img/name.xxx" width="?" height="?">
Scale graphic (in pixels)
Border <img src="img/url" border="?">
Make border 0 if linked and you still wish no border
Click here to sign up for more Free Stuff
Horizontal
Rules
Horizontal Rule <hr>
Shaded rule across page
HR Thickness <hr size="?">
Thickness of rule in pixels
HR Width <hr width="?">
Width of rule in pixels
HR Width Percent <hr width="?%">
Percentage of page width
Solid Line <hr noshade>
Eliminates shading
Click here to sign up for more Free Stuff
Lists
Unordered List <ul> <li></li> </ul>
Put <li> around each list item
Bullet List <ul type="disc">
Bullet in front of each entry in list
Circle Bullets <ul type="circle">
Circle in front of each entry in list
Square Bullets <ul type="square">
Square in front of each entry in list
Ordered List <ol> <li></li> </ol>
Numbers the list items
Definition List <dl> <dt></dt> <dd></dd> </dl>
DT=Data Term, DD=Data Definition
Click here to sign up for more Free Stuff
Backgrounds
& Color
Tiled Background <body background= "filename.xxx">
.xxx = .gif or .jpg
Background Color <body bgcolor="#$$$$$$">
$ represents hexadecimal code
Text Color <body text="#$$$$$$">
$ represents hexadecimal code
Link Color <body link="#$$$$$$">
$ represents hexadecimal code
Visited Link <body vlink="#$$$$$$">
$ represents hexadecimal code
Active Link <body alink="#$$$$$$">
$ represents hexadecimal code
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.
Click here to sign up for more Free Stuff
Links
Link to another page <a href="page.html"></a>
Link to another page in your site
Link to another site <a href="url"></a>
Requires full address; e.g. "http://www.yahoo.com"
Link to target in page <a href="#name"></a>
Moves to another location in current page
Link to target in other site <a href="url#name"></a>
Links to specific location in page outside your site
Define target in document <a name="name"></a>
Put just above where you want page to display
Use graphic as link <img src="img/name.xxx">
Embed this code in <a href="?"> tag
Alternate name <img src="img/url" alt="xxx">
xxx = Description of graphic
Click here to sign up for more Free Stuff
Special
Characters
Special Character &name; or &#?;
? is numeric ASCII code
< < or <
Complete
Character Chart
> > or >
& & or &
é é or é
Non-Breaking Space or  
Click here to sign up for more Free Stuff
Tables
Define Table <table></table>
Sandwiches table
Desired Width <table width="?">
In pixels
Width Percent <table width="?%">
Percentage
Table Border <table border="?">
In pixels
Table Cell <td></td>
Think of it as Table Data
Table Row <tr></tr>
New Table Row
Cell Spacing <table cellspacing="?">
In pixels
Cell Padding <table cellpadding="?">
In pixels
Row Horiz. Alignment <tr align="left,center,right">
Row Vert. Alignment <tr valign="top,middle,bottom">
Data Horiz. Alignment <td align="left,center,right">
Data Vert. Alignment <td valign="top,middle,bottom">
Columns to Span <td colspan="?">
For data to stretch across columns
Rows to Span <td rowspan="?">
For data to go deeper than one column
Desired Width <td width="?">
In pixels
Table Header <th></th>
Bold, centered table data
Table Caption <caption></caption>
Noble Desktop, LLC educator-in-chief at nobledesktop dot com .
©1999–2009 Noble Desktop, LLC
