【製作表格】

程式說明
在網頁設計中,表格是經常需要使用的標籤,雖然使用的規則複雜了一點,
但是在CSS尚未發展成形以前,以及對一些簡單的網頁設計來說,
表格在排版上還是具有相當強大的功能。表格標籤無法獨立存在,
必須配合<TR> <TD> 等儲存格定義標籤來使用。

存放位置
將下列程式存放至 <body> 標籤後 </body> 標籤前。

原始碼
<TABLE BORDER=1>設定表格框架的程式原型,也是表格語法的開頭,BORDER=數字 等於設定框架粗細的語法,數字零等於沒有邊框。

<TR>設定表格分行的語法開頭

<TD>設定格子數目的開頭

內容(圖&字..等等)

</TD>設定格子數目的結尾

</TR>設定表格分行的語法結束

</TABLE>表格語法的結束語法


橫向表格
各位同學應該都有看到紅色的<TD></TD>以及綠色的數字吧!
請把注意放在那裡,一個表格等於一組、兩個等於兩、三個等於三組以此類推。
綠色的數字可以以其他內容代替之。
這裡指的是內容、也就是說不管是圖片還是文字、或者是一些雜七雜八的東西都可以。
原始碼 範例
<TABLE BORDER=1>

<TR>

<TD>
1
</TD>

<TD>
2
</TD>

<TD>
3
</TD>

</TR>

</TABLE>

1 2 3

直立表格
這次的程式中多了一組紫色的<TR></TR>別想的那麼複雜真的很簡單。
只要想像成紫色的程式是用來將表格改裝成直立式表格在用的語法就好。
跟剛剛有點不同的是這種程式是在用到分行才需要加入的。
原始碼 範例
<TABLE BORDER=1>

<TR>

<TD>
1
</TD>

</TR>

<TR>

<TD>
2
</TD>

</TR>

<TR>

<TD>
3
</TD>

</TR>

</TABLE>

1
2
3

左右擴張
這裡所看到的橘色COLSPAN=3便是專門合併橫向表格的程式。
也就是左右合併的改裝語法啦!那為什麼會有個3ㄋ?很簡單!下面是不是有三個表格。
換一個想法想不要當做是在合併?是的其實這不是合併這是表格擴張語法
就像是在變魔術一樣將一個表格對應N個加上COLSPAN=數字語法就可以擴張(合併)表格了
原始碼 範例
<TABLE BORDER=1>

<TR>

<TD COLSPAN=3>