Newbie's Guide to Web Design

Newbie's Guide to Web Design - Lesson 5

HTML Lesson 8

Working with Tables

Tables are a great help when you want to organize your page content. What tables do is allow you the ability to create any size boxes on your page and within those boxes you can enter any type of data you like and format it anyway you like.

The best thing a table allows you to do is to place images around your page in a haphazard way with out confusing tags. With tables you can also show the borders of the table or not show borders, which is great for some jobs. Enough of the chat lets throw some tables out there.

First open a new notepad document and enter the proper tags Html, head, body and end all of them now go to the body and inside of it type <table>. Now inside of that table tag type <table width=75 cellpadding=0 cellspacing=0 border=1> Width is the size of your table and cellpadding is the area inside of cells and cellspaceing is how much space is between cells and the border is the size of your borders.

Now enter some data in this table between the start and end table tags remember to also use the tr and td tags. Example:

<html>

<head>

</head>

</body>

<tr>

</tr>

</table>

</body>

</html>

Great! Way to go! Now lets center your table and the text within it. Type the following html in-between the td tag before your text. <td align=center>your text</td> now in the start table tag enter the following <table align=center width=100 cellpadding=5 cellspacing=0 border=1>. Now save your work and load it in the browser.

<html>

<head>

</head>

</body>

<tr>

</tr>

</table>

</body>

</html>

Next we will put some bgcolor in your table, type the following in the td tag <td bgcolor=lightgreen>your text</td>. Example:

<html>

<head>

</head>

</body>

<tr>

</tr>

</table>

</body>

</html>

Great you are doing a great job using tables soon you will be able to manulipate them into many forms just as easily as you did these. On to Lesson 9 Hyperlinks. (Coming Soon!)

SignIndustry.com
RetailSignShops.com

» Home Page
» About Us
» Contact Us

» Member Home Page
» Message Boards
» Business Tips
» Newbie's Guide
» How to FTP
» Internet Glossary
» Search the Database
» List your Sign Shop
» Edit Listing

Home Page | Members Area | List your Sign Shop | Find a Sign Shop | Buyer's Guide