This is the largest header

Blockquote spaces your text away from the edge of the page in the right margin as well as the left margin. Before blockquote, you had to use tables to do that.

Usually I prefer to put space between my rules and my text.

You can increase the size:

You can make it solid instead of shaded:

You can vary the width proportionally (varies with the width of the window; resize your browser window to see the effect) or to a set pixel count:

And you can vary the alignment:

Many people use a long thin image instead of a horizontal rule, like this:

By default, a table will turn out as wide as the browser thinks is necessary, and have no border. Also by default, items in a table row will be vertically aligned center.

your browser will try to make things evenly spaced. The border has been turned on in this table so you can see the spacing.

In order to make an empty table cell show up, you have to use a non-breaking space and a break or paragraph {or a clear image; see below}, because some browers will ignore an empty TD completely

I recommend vertically aligning your rows to the top.	You can override that for a particular cell.
You can also center text.	Or align it to the right.

Tables themselves can be aligned left

Or right

Or center

An aligned table is good for special announcements

Aligning tables to one side or the other allows you to mix tables with text in the same line.
Note that in the source code the table comes before the text, though on the page it looks like the table follows the text.

If you want to force a table cell to include your lines without wrapping except where specified by line breaks, you can do that. It doesn't always hold, but it works most of the time.

But that might force another cell off the page, and/or make it really thin.

Some possible table formats/tricks:

(HEADER) (Text) If you want to set table and inner cell widths, either set them proportionally {50%} or specifically {250}; if you mix the two types of setting it won't work. Remember: You can use rules in tables, but you have to set their size so they don't dominate the table spacing.

Note The color of the table beneath (or the bgcolor or background image of the page) shows through in the spaces around and between the cells of your inner table. To avoid that (as on the left), set cellspacing to zero in your inner table and set the cellpadding of the outside [or bottom] table to zero also. However, this effect can be used purposefully to achieve a colored frame.

Index

Header Main Content

This is the Header
Index BLAH BLAH blah ... etc.			Main Content The line to the left is done with a td one pixel wide. A space is wider than 1 pixel, so to get a line that thin you have to use a transparent gif (cleardot.gif). The line in question is spanning two rows, using the rowspan variable. Notice how the header spans columns with colspan="#of columns" in the TD. Fancy formatting like those lines to the left generally takes some fooling around before it turns out right.
People often put their address on the left here

Forms
Images
Images can be aligned left, center, or right, can have their heights and widths altered, and can have space put around them. They can be made into buttons by putting them in a link.You can make more complicated images by arranging them in tables, animating them, or using an imagemapto give different parts of an image different link destinations.

Images are one of the most overused elements on the web. They take a horrendous amount of time to downloadand are often annoying or distracting. Use few images, and repeat them so the user doesn't have to reload them.Not all users will be able to see your images, so always use the alt tag to describe the image to the user.
If you are going to put a link around an image, consider whether you want the border

ON

OR

OFF

Miscellaneous Style Points

• HTML is not caps sensitive. You can make your html lowercase, uppercase, or whatever. As you can see, I use various cases according to the tags being written. If I'm putting a table within another table, I might make one in uppercase, the next in lowercase, and so on. Use upper and lower case letters in order to make your code readable to you, and try to be consistent.

• Never use capital letters in the names of files or web folders/directories. Some servers are caps sensitive, others aren't. To ensure that your links will always work, and to free yourself and your viewers from needing to remember filename capitalizations, just don't use them.

• Quotation marks in code are optional. I prefer to use them because they make it very clear which part is the variable name and which is the value assigned to it. The easiest way to break your code is to forget to close a quotation. Check for that if something is in the code but not showing up in your page.

• Space and indentation can also be used to make your code legible. I won't tell you how to format your code, but I encourage you to think about it because it will make your pages easier for you to manage.

• Don't scrimp on space in the format of the web page itself either. There's a reason why books have margins. If you need attractive design ideas, look at printed material.

• The most visible and therefore important part of your web page is the top 600-900 pixels of it. Make sure this part of your page will load quickly and give people any crucial information they need.

• Plan your web page so that it will fit in the screen even if the viewer's monitor is only 590 pixels wide. You don't want to force your viewer to scroll right.

• According to some designers, the best case is where your visitor doesn't have to scroll at all; use short, effective pages.

• If you have formatted text and have neither the time nor patience to turn it into html, but want to get it up on the web, either save it as "something.txt" and link to it or paste it into an html page pre-formatted.

  	And then, all the spaces will be included     2   3   4 
        	plus space above and below (like a list)      5   6   7

• If the purpose of your web site is to give people information, don't hide it amidst flashy effects.

• Unless you really don't want people to contact you or buy your product or whatever, put an address, a phone number, an email address, or a link to a contact page on every page in your web site.

• Make it easy to tell when your pages were last updated. Don't say that something is going to be monthly or weekly unless you proceed to update it as regularly as promised.

• Always put a line of extra space at the bottom of a web page.