Website Design Tips: HTML, JavaScript codes, tips, tricks and techniques

Web Source Web Design Tips
by Shelley Lowery

Customizing Your Lists

The ORDERED LIST tag is used to create a numbered list
to display your list text.

<OL>
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>

To display your list with letters (a,b,c,d) instead of
numbers (1,2,3,4) add <type="a"> to the <OL> tag.

<OL type="a">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>

To display your list with Roman numerals, add <type="i">
to the <OL> tag.

<OL type="i">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>

Tip provided by: Web Source: Your Guide to Professional
Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips
by Shelley Lowery

Decreasing Text Size Without the Font Tag

The SMALL tag is used to decrease the size of your font.
You can add additional SMALL tags, side by side, to decrease
your font size even further. For each additional SMALL tag you
use, your font size will decrease.

Example:

<SMALL>Your Text</SMALL>
<SMALL><SMALL>Your Text</SMALL></SMALL>

The SMALL tag can be used in place of the FONT tag, as they
both perform the same task.

Example:

<FONT size="2">

Tip provided by: Web Source: Your Guide to Professional
Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips
by Shelley Lowery

Setting Table Widths

The TABLE tag is the opening tag used to create a table
within a web page.

You can specify your TABLE width as a set number value or
use a percentage.

SET WIDTH VALUE:

<TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="600">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>

PERCENTAGE WIDTH VALUE:

<TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>

In addition, you can set the widths of your TABLE columns to
display your columns at a specific width.

<TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD WIDTH="50%">Column 1</TD>
<TD WIDTH="50%">Column 2</TD>
</TR>
</TABLE>

Tip provided by: Web Source: Your Guide to Professional
Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips
by Shelley Lowery

Adding Color to Table Borders

The TABLE tag is the opening tag used to create a table
within a web page.

You can add color to your TABLE borders by adding
BORDERCOLOR="#336699" within your TABLE tag.

<TABLE BORDER="2" BORDERCOLOR="#336699" CELLPADDING="2"
CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>

Tip provided by: Web Source: Your Guide to Professional
Web Design and Development. http://www.web-source.net

----------------------------------------------------------------------

Web Source Web Design Tips
by Shelley Lowery

Adding Color to Table Cells

The TABLE tag is the opening tag used to create a table
within a web page.

To add color to your TABLE cells, add BGCOLOR="#CCCCCC"
within the <TD> tag.

<TABLE CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD BGCOLOR="#CCCCCC">Column 1</TD>
<TD BGCOLOR="#CCCCCC">Column 2</TD>
</TR>
<TR>
<TD>Row 2</TD>
<TD>Row 2</TD>
</TR>
</TABLE>

Tip provided by: Web Source: Your Guide to Professional
Web Design and Development. http://www.web-source.net