The above links are created using TABLES instead of
graphics. This allows for faster load times and much smaller page size. This page is approx. 5K.
By using HTML instead of GRAPHICS, page size can be reduced 50% or more. See base coding of HTML
at right for a couple of tables.
You may copy and paste this code. Play with the attributes, colors, widths, font sizes and
colors and faces (TYPE FONTS). All you need to do is repeat the TABLE section with the RED
letters, over and over for as many links as you want.
The final section at right creates a 468x60 banner in HTML using TABLES. This TABLES banner is 75%
smaller than a similar GRAPHICS GIF banner.
When you make Table Banners with bold colors, you'll get just as much notice as fancy, load time consuming animated graphic banners. You will need to have other people's graphics and animations for business links, anyway.
|
|
HTML - Basic Lessons and Code Snippets
- Basic Templet - HEAD and BODY Tags
- Spacing - <P> - <BR> - <HR>
- Fonts - color - size - face
- Tables - table attributes - Table Row - Table Data
- Colors - bgcolor - 256 safe colors
- Frames - BOO! HISS! Get rid of them!
FONTS - Free Downloads
FREE STUFF - site links
LINKS - My Favorites
LESSONS - Learn Calligraphy Online
PROMOTE - Get Visitors to Your Site!
E-MAIL - Write to me. Send me your website address. I will review
the HTML on your site, let you know how to optimize, get better load times, fix broken links.
FREE!!!
HTML for top left links boxes: Maroon with Aqua Text
<TABLE width="600" border="1" bgcolor="white" cellpadding="2"
cellspacing="0" bordercolor="red">
<TR>
<TD valign="top" align="center" width="130">
<table width="120" border="5" cellpadding="8"
bgcolor="maroon" bordercolor="yellow">
<TR>
<TD valign="middle" align="center">
<font color="aqua" face="arial"><B>HTML</B></font>
</TD>
</TR></TABLE>
<table width="120" border="5" cellpadding="8"
bgcolor="maroon" bordercolor="yellow">
<TR><TD valign="middle" align="center">
<font color="aqua" face="arial"><B>FONTS</B></font>
</TD>
</TR></TABLE>
</TR></TABLE>
This is a simple HTML Table banner.
Multi-Colored Text and Background
|
<CENTER>
<TABLE width="468" height="60" border="0" bgcolor="red">
<TR>
<TD valign="middle" align="center">
<FONT color="YELLOW" size="4" face="arial">
<B>
This is a simple HTML Table banner.
</B></FONT>
<BR>
<FONT color="AQUA" size="5" face="comic sans ms">
<B>
Multi-Colored Text and Background
</B></FONT>
</TD>
</TR>
</TABLE>
</CENTER>
Why use a TABLE BANNER? 50% to 75% smaller file size. Quickly change any word, color, font size without having to create a new banner. If you have a page with many banners, this will cut your load time in half. Although this is not an animated banner, they just take up more bandwidth anyway. The banners on your page are only seen for a few seconds. Why take five or ten seconds per banner for load time? You may not be able to control other people's banners, but you can make yours stand out, while being small files.
CONTINUE
|
