簡易的html原始碼-儲存格樣式

上次介紹的東西如果忘記了,趕快點底下的連結複習一下唷!
http://cleanwind.mineserver.com/mysite/blog/index.php?entry=entry051105-111029

如果…如果你連表格怎麼畫都忘了,那(大泣…奔)(我確定我有過度三八的傾向),
好,不用管我因為高三壓力過大的症狀,請看最早的介紹吧^^
http://cleanwind.mineserver.com/mysite/blog/index.php?entry=entry051101-010738

如果你都沒忘(或是忘光光但是已經複習完了),我們繼續往下走。上次告訴各位的是"整個表格"的設定,但是我要如何單獨設定儲存格呢?方法其實很簡單,只要在<td>的標籤中加入屬性就可以囉^^(如果你到這邊發現你看不懂,你可以A.回去複習一下 B.當作沒這篇文章)(但是不准只給我一分啦>"<這要打很久耶QQ)

底下是可以寫在<td>標籤中的語法。
<td width="" height="" align="" valign="" bgcolor="">
width   設定儲存格的寬度
height  設定儲存格的高度
align   <font color="red">*</font>設定儲存格的水平對齊方式
valign  <font color="red">*</font>設定儲存格的垂直對齊方式
bgcolor 設定儲存格的背景顏色

不過要注意的是,調整單一儲存格的寬度或高度,可是會影響同行或同列的儲存格的。
而且如果設定跟整個表格(<table>標籤)抵觸,在IE中會以表格的設定為主喔^^
<font color="red">*</font>align標籤共有三種選擇:right(靠右)、left(靠左)、center(置中)
<font color="red">*</font>valign標籤也有三種選擇:top(靠上)、bottom(靠下)、middle(置中)

底下是一段表格的範例,把圖與原始碼相比較你就會懂囉^^
<table border="1" cellspacing="0" bordercolordark="green" bordercolorlight="green" height="80">
<tr>
<td height="35%" align="left">清風小築◎</td>
<td height="35%" width="20%"> </td>
</tr>
<tr>
<td height="63%" bgcolor="yellow"> </td>
<td height="63%" width="20%" valign="top">師師</td>
</tr>
</table>


<table border="1" cellspacing="0" bordercolordark="green" bordercolorlight="green" height="80">
<tr>
<td height="35%" align="left">清風小築◎</td>
<td height="35%" width="20%"> </td>
</tr>
<tr>
<td height="63%" bgcolor="yellow"> </td>
<td height="63%" width="20%" valign="top">師師</td>
</tr>
</table>

最後還是要提醒一下,畫表格利用FrontPage、Dreamweaver等tools代勞就可以了^^還有一個<th>標籤是儲存格的標題,功能與<td>可以說是一模一樣,只是在<th>與<td>裡的字體不大一樣,不過這個標籤沒什麼人在用也是真的。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

數學難題 * 限制時效已用盡。請重新載入驗證碼。