Lesson Four... Tables!

This is the finale! The best for last! The hardest task to learn. But made here with clear description and understanding. We'll make this a painless process of learning html. By far this can be the best of your web page. Are you ready to take your final lesson to text and image format. Here is your answer. Tables! The information you can put into a table can greatly enhance the look of your page. Don't get worried. A simple table can be quickly made with just two or three tags. We gave this page a fun test and with a simple < tr > and < td > a table is made. A < tr > is a tag marking the beginning of each new row in a table. The < td > tag marks the cell within a row. So in a basic table you will find these tags.
< table >
< tr >
< td >
< /td >
< /tr >
< /table >

Sounds simple enough. We will show you three ways to use this tag. Then you can go try your hand and learn all you can! You start with the table tag, this will open your table. The tr will set your table row. Then place what tds you wish in your table. This may look like this:
< table >
< tr >
< td > welcome< /td >
< td >See you later< /td >
< td > come back< /td >
< /tr >
< /table >


This table gives you one row with three text boxes. What some more rows?

< table >
< tr >
< td > Welcome< /td >
< td >See you later< /td >
< td >Come back< /td >
< /tr >
< tr >
< td >You came back< /td >
< td >Nice to see you< /td >
< td >More coming soon< /td >
< /tr >
< tr >
< td >You want to learn< /td >
< td >You can try< /td >
< td > Just try it!< /td >
< /tr >
< /table >

  Image and text on side by side format

Ok there you have three messages, three rows, and three columns. Hope your getting this. Just try copy paste that table to test it. You can try this in Microsoft word too. Here is our first table on our page for you to show you what can be done with these tags. This test is a viewed table with borders. You remember us telling you about borders? Well here is where you really can have fun with them. We colored the table as well.

Elainz Exciting Action Page	Lesson Four B X
Any time you like we will show you how the text will view on our page. This shows Tables! See how the text is in the box to the side of the images on the page.
On this page you will find all the text and images aligned in boxes on the page. This is a nice way to make a page. Putting images and text together in the tables. This table shows you what they can look like if you wish to view the table.
We will show you three image links with text.
Elainz Toolz

This tag will set the color for the table. Try your color and border size.
< table border="2" bgcolor="lavender" >
We used a width and height to our table to enhance the optimal features for the image and text.
These features you can change to suit your table. Try testing different sizes.
Then again you really don't have to put sizes in the table.
Just a tr and td can do a nice job.
< td width="200" hight="50" >
This was a test to place a one-line header where we wanted it to go, in between the tables.
So we put this tag in a table too. The < th > tag is a header tag and shows up as a text header
displaying the text as bold on your page. This works the same way as the < td > tag.
These last two tables do not have borders.
These tables are very simple showing no border and no size. The simple tr and td is all that is needed.
This was the image.

Elainz Exciting Action Page	Lesson Four B X
Any time you like we will show you how the text will view on our page. This shows Tables! See how the text is in the box to the side of the images on the page?
On this page you will find all the text and images aligned in boxes on the page. This is a nice way to make a page. Putting images and text together in the tables. This table shows you what they can look like if you wish to view the table.
We will show you three image links with text.
Elainz Toolz

Elainz Exciting Action Page                                           Lesson Four B X
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > < HTML > < HEAD >     < TITLE >Elainz Exciting Action Page < /TITLE > < /HEAD > < body background="images/back02ax.jpg" bgcolor="violet" text="black" link="purple" vlink="red" alink="blue" > < p > Any time you like we will show you how the text will view on our page. This shows Tables! See how the text is in the box to the side of the images on the page? < /TD > < TD > < center >< a href="http://dezart.biz/toolz/etoolz.html" > < img src="images/etoolzhtmlsm.jpg" width="150" height="75" alt="Elainz Toolz" border="0" >< /a > < /TD > < /TR > < TR valign=top > < TD >< FONT size=2 color="#FF00FF" face="Arial" > On this page you will find all the text and images aligned in boxes on the page. This is a nice way to make a page. Putting images and text together in the tables. This table shows you what they can look like if you wish to view the table. < /TD > < TD > < center > < a href="http://dezart.biz/angelz/eangel.html" > < img src="images/eangelzlogo03sm.jpg" width="150" height="75" alt="Elainz Angelz" border="0" >< /a > < /TD > < /TR > < TR valign=top > < TD > < FONT size=2 color="#FF00FF" face="Arial" > We will show you three image links with text. < /TD > < TD > < center > < a href="http://www.dezart.biz/afghan/afghanz.html" > < img src="images/afghanzlogosm.jpg" width="150" height="75" alt="Elainz Afghanz" border="0" >< /a > < /TD > < /TR > < /table > < /center > < /body > < /html >
Elainz Toolz

You Have a start now...Try it!

You may contact me. E_Writer