We accept safe and secure Credit Card and PayPal Payments.
 
Perl Scripts

All Count
Attachment Mailer
Perl Scripts Build A FAQ Plus
Perl Scripts Clock In Center
eBackup Automated
Easy Poll
eSurvey
Fetch a File
Form Maker
Mailing List Server
MySQL Mate
PDF Creation
QCart
Quick Fix
Quote of the day
Speed Search
Task Manager
Traffic Pack
Upload Plus
Upload Gold
Upload Pro
Website Manager

 
Free Perl Downloads

Free Perl Scripts Main Page
Free Perl Scripts 404 Alerter
AccessLog Viewer
Build A FAQ
PHP Scripts eBackup
Free PHP Scripts ErrorLog Viewer
eVars - Server Info
HT Pass Creator
Upload Lite
Website Manager

 
JavaScripts

Free Java Scripts Alert Boxes
Free JavaScripts Browser Sniffer
Check email
Generators
Slide Show
Sudoku
Window Maker
More...

 
Extra Utilities

ASP Scripts Ascii Codes
Free ASP Scripts Color Picker
Font Finder
HT Pass Creator
Meta Cloak
Meta Magic
Pano Zooms
SlideShow
Server Size

 
Online Tutorials

Free HTML Scripts Glossary
Free HTML Scripts HTML
JavaScript
MySQL
SSI
Build Traffic
Other

 
Miscellaneous

About Us
Graphics
Testimonials
Installations
Latest versions

 
Hawk Eye in Tennis

Should Hawk Eye replace linesmen and lineswomen at all tennis tournaments?







 
View all Polls

Run Polls on your site

Run your own Surveys

 
Store Download FAQs Contact Us Support Programming Policies  
Contents Intro Your first page Text Images Links Lists Tables
Frames Forms Sounds Styles Symbols Colors Tags Publish Index

Chapter 6

Tables

Tables are great for not only presenting data in an ordered fashion , but also for laying out your whole page by using the align attributes. Tables allow greater flexibility when it comes to positioning the elements of your page. Let's create one now using the following:

<TABLE width=400 border=2 >

<TR>
<Td>1st description of 1st row</Td>
<Td>2nd description of 1st row</Td>
</TR>

<TR>
<Td>1st description of 2nd row</Td>
<Td>2nd description of 2nd row</Td>
</TR>

<TR>
<Td>1st description of 3rd row</Td>
<Td>2nd description of 3rd row</Td>
</TR>

</TABLE>

The effect

1st description of 1st row 2nd description of 1st row
1st description of 2nd row 2nd description of 2nd row
1st description of 3rd row 2nd description of 3rd row


First the <TABLE> tag was opened. Then a <TR> tag (table row) , then a <TD> tag (table description) then you enter the text ( or image ) you want displayed , then you use the </TD> tag to close the 1st cell of the 1st row. You create another cell using <TD> .... </TD> , then you close the 1st table row using </TR>. You then create another 2 rows , each containing 2 cells and finally you close the table using </TABLE>
Each of these tags has its own attributes. You can see I used the width=500 and the border=2 attributes in the <TABLE> tag to set the width and border of the table in pixels. We could use border=0 to hide the tables border. Its a good idea to use a border while creating your page (which helps you position elements visually) and change it to "0" once your done. Tables have a default cellspacing and cellpadding of 2 pixels. Netscape has an invisible border by default, but it is at least 1 pixel wide, so always specify border="0" to remove extra gaps.

To completely remove all gaps, spacing borders and padding, use the following table tag:

<TABLE width="400" border="0" cellpadding="0" cellspacing="0" >

Choose an attribute of the table tag from the drop down menu below to see its description.




A td and tr's attributes.

*table with border set to "2" and a bgcolor.
ALIGN Left Center Right
VALIGN Top Middle Bottom

*same table with border set to "0" and no bgcolors.
ALIGN Left Center Right
VALIGN Top Middle Bottom

Nesting is not recommended in html 4, however it is common practice and allows for some very precise positioning. Try not to go more than 2 or 3 levels deep as it will discernibly slow down the loading time. Be absolutely sure that you close all <TABLE> <TR> and <TD> tags, otherwise Netscape will show nothing at all!


Contents Intro Your first page Text Images Links Lists Tables
Frames Forms Sounds Styles Symbols Colors Tags Publish Index

Speed Search our site
Plesk Hosting
Linux servers with Plesk Control Panel, cgi-bin, crontab manager, Mysql, PHP and ASP.

Linux Hosting Plans from $9.12 per month, includes Plesk Control Panel, MySQL databases, cgi-bin, crontab manager and 50 email accounts.

Discounted Scripts
Subscribe to our periodial newsletter to receive special offers.

Bathroom Hygiene
How often do you thoroughly clean your bathroom?








View all Polls

Run Polls just like this one on your website!


About us | Contact us | Script FAQs | Script Support | Website Hosting | Our Policies | Store | Testimonials
Subscribers log in here. Subscribe to our periodical newsletter for special offers on commercial scripts, hosting, exciting business opportunities, and industry news and events. Our Mailing List Software is powered by Consolidator    
HTML Plain text
©1999 - 2015 All content Copyright PerlScriptsJavaScripts.com Proudly hosted by LinuxHostingPlans.com