HTML: The Usage of <table>
Posted 2008/11/15 14:33, Filed under: 冰 ❤ 分享樓軒/♫ 电脑程序I’ve written this post for a long time, but still haven’t accomplished it yet. Why? It’s just because of my laziness. Haha! It’s ok, I’ve completed it now! It’s better than nothing albeit it’s late! =P Right?
這篇文我在很久之前已經開始寫了，只是還沒寫完個開頭就被我擱置一旁涼快去！嘻嘻，不過，有心唔怕遲啦，現在終于出爐咯！
Today, I would like to share with you guys the usage of <table> in html. This is a lesson on how to create a simple table using HTML code.
今天我想和大家分享的是table的html.
Let's start with creating a simple table using the code below.
我們就先開始畫出一個簡單的框框格子吧
If you don’t put border=”1”, you won’t see the table’s border. To increase the thickness of the border, just increase the value from 1 to how thick you want the border be.
Border是框框的邊，如果你要邊邊變得更厚，就增加其數值。
As you can guess, tr stands for table row (row) while td stands for table data (column). What’s th? It’s table header. Thus, you can just create a simple table using codes above.
就如你所看的，tr是代表排，而td是代表列里的數值，那th就是標題了。
You can have your border in whatever colors you want. Just simply modify the code to:
<table border=”2” bordercolor="#ff0000"> Then you can see the result as below:
你可以選擇把格子的邊邊換去不同的顏色哦！就只是用bordercolor="顏色的代碼"就行了。
Finally, it comes to frame. It defines the frame of the table with the border width and color as well.
到最后就是frame了。如果你不想要看到四四方方的邊緣的話，只是設定橫邊緣或直邊緣的話，就用frame吧！
Just modify the <table> tag to:
<table border=”4” FRAME="HSIDES" bordercolor="#993399" bgcolor="ffffcc" cellpadding="4" cellspacing="5">
There is only two values of frame, "HSIDES" and "VSIDES". "HSIDES" is for horizontal and "VSIDES" is for vertical. That's it.
而frame只有兩種數據，一就是HSIDE（橫），二就是VSIDE（直）。
That's all with what I have for <table> lesson today. =P Hope it will help or give you guys some clearance about the common tags in creating a table. See ya!
今天的分享就到這里咯！希望會有幫助啦！TATA!
這篇文我在很久之前已經開始寫了，只是還沒寫完個開頭就被我擱置一旁涼快去！嘻嘻，不過，有心唔怕遲啦，現在終于出爐咯！
Today, I would like to share with you guys the usage of <table> in html. This is a lesson on how to create a simple table using HTML code.
今天我想和大家分享的是table的html.
1. <table>, <th>, <tr>, <td>
2. border, bordercolor
3. background, bgcolor
4. colspan, rowspan
5. cellpadding, cellspacing
6. frame
7. width
8. col, colgroup
2. border, bordercolor
3. background, bgcolor
4. colspan, rowspan
5. cellpadding, cellspacing
6. frame
7. width
8. col, colgroup
Let's start with creating a simple table using the code below.
我們就先開始畫出一個簡單的框框格子吧
click for more..
Border是框框的邊，如果你要邊邊變得更厚，就增加其數值。
As you can guess, tr stands for table row (row) while td stands for table data (column). What’s th? It’s table header. Thus, you can just create a simple table using codes above.
就如你所看的，tr是代表排，而td是代表列里的數值，那th就是標題了。
You can have your border in whatever colors you want. Just simply modify the code to:
<table border=”2” bordercolor="#ff0000"> Then you can see the result as below:
你可以選擇把格子的邊邊換去不同的顏色哦！就只是用bordercolor="顏色的代碼"就行了。
click more for background..
click more for colspan & rowspan..
click more for cellspacing & cellpadding..
click more for col & colsgroup..
Finally, it comes to frame. It defines the frame of the table with the border width and color as well.
到最后就是frame了。如果你不想要看到四四方方的邊緣的話，只是設定橫邊緣或直邊緣的話，就用frame吧！
Just modify the <table> tag to:
<table border=”4” FRAME="HSIDES" bordercolor="#993399" bgcolor="ffffcc" cellpadding="4" cellspacing="5">
There is only two values of frame, "HSIDES" and "VSIDES". "HSIDES" is for horizontal and "VSIDES" is for vertical. That's it.
而frame只有兩種數據，一就是HSIDE（橫），二就是VSIDE（直）。
That's all with what I have for <table> lesson today. =P Hope it will help or give you guys some clearance about the common tags in creating a table. See ya!
今天的分享就到這里咯！希望會有幫助啦！TATA!
Huhu... I'm now in my hometown. Will only visit you guys when I'm back.
Have a nice day! Muacksss....
現在的我呆在家，發著白日夢吧！哈哈～等我回來才來看你們哦！
看來哦，下個星期又是很多食物出現在我部落的一個星期了。
祝美好的一天哦！
Response :
0 Trackback
,
10 Comments
Trackback URL : http://www.antzblog.com/coolingsky/trackback/110
-
我都看到blur blur啊, 因为我根本不懂啊...
-
真的那么難懂嗎？或許要動手弄才會搞得明白吧！
-
-
我有学过，不过现在都还老师了。
哈哈-
哈哈哈哈！其實我也七七八八還完的了～
-
-
Orz~我这个电脑白痴看不懂！>_<
-
哈哈！多練習就好呱？
-
-
这个真是要命！！
头都晕了@@=-
別暈別暈！風油來了！哈哈～
-
-
呃
都忘光光鸟
>.<-
哈哈～那就復習回～
-
