Site hosted by Angelfire.com: Build your free website today!

TABLE TAG : Part 3

Dear, in this Tutorial 4c, we will learn abt the uses and applications of the "table" tag. As we review 4a and 4b, we have already learned the basic of this tag, but we may wonder, "What other things we can do with the table tag besides drawing tables?" So in this part, we will look at some common examples.

(1) Remember when u visit our Home, there's a menu on the left? Well, it is made using the table tag. This tag is very useful for creating a list of items, as it can arrange all data nicely and in a systematic way. Look at the example below:(Note: The links are not working. I just put it there as examples)

History
Sports
Links
Pics
News


(2) Next, we look at the example of organizing a page. Previously, u asked me abt putting writings before and after a pic. Sometimes, instead of the writings appearing after the pic, they will appear beside the pic right? In that type of case, u can use many "br" tags, but it's not a good way. Now we look at how the table tag solves this problem. Using table tag to arrange, we are ensured that the arrangement will not go out of order even if we use different PC. Here, we don't put any value for table border, and we use a different line for each thing. Compare the example and coding.

NIPPON NATIONAL TEAM
This is goalkeeper Narazaki Seigo


(3) Next, we look at the example of a table-in-table. That means that inside a table, there's another table. One of the use of this method is to increase the attractiveness of ur page, and also to add more color combination to a table. You can put more than one table inside each, but u must be extra careful of the tags. If u lose concentration while writing it, then u might have difficulty trying to find the mistake later. There would be plenty of tags around. For this example below, compare it with coding. Take note that in the second table, I put the width as 100%. This 100% refers to the width of the first table, not the screen. Only the first table's width refers to the screen.

I'm Table 1
I'm Table 2
I'm Table 2
I'm Table 2


(4) Another example of table tag application is to arrange images in an array. For examples, you can view our Stars' Gallery, World Cup Teams Gallery, Art Gallery or Friends' Gallery at our Home. Notice those pics that are arranged in order? They are all organized using the table tag.
Another application, same like arranging images, is to arranges info in a systematic way. For example, see our Friends' Links page in our Home. All the name, countries, emails, HPs, and GBs are arranged in a balanced way. ;)

There're of coz more things u can do using table tag. Here, I'm just giving some examples for u to expand ur ideas. Umm, from now, it'll depend much more on ur own creativeness. ;) OK, moving on to the next Tutorial part. Study well student Cloudy, and always remember.... TEACHER JORDY LOVES YOU VERY MUCH~!!!! ;*