這篇教學引用至史丹汀的連結表格教學,[N] 覺得很實用,所以來分享給大家。



<div>
<table align="center"  整體表格的設定,置中
border="0"  表格最外圍的框線
cellpadding="5"  分格裡文字與框線的距離
cellspacing="1"  分格之間的距離
bgcolor="#aaaaaaa"  背景色(即大家看到的灰色框線)
width="300"  整體寬度
style="font-size:10px; font-family:Verdana; color:black;"> 文字樣式

 


<tbody> 表格內部,不做任何設定
<tr >一整個橫排
<td height="20" colspan="3" 
background="背景網址"> 橫排的高度、占幾個td、背景
<div align="right"> 文字置右
<font color="#FF9966" size="2" 
face="Verdana, Arial, Helvetica, sans-serif"> 文字樣式
<strong>WRETCH BLOG</strong>
</font></div></td>
</tr>


<tr>  第二個橫排(底下分三格,所以設定三個td)
<td width="85" bgcolor="#ffffff" > 寬度與背景色
<a href="網址1" target="_blank" 
STYLE="text-decoration:none">人名1</a></td> 超連結
<td width="83" bgcolor="#ffffff" >
<a href="網址2" target="_blank" 
STYLE="text-decoration:none">人名2</a></td>
<td width="98" bgcolor="#ffffff" >
<a href="網址3" target="_blank" 
STYLE="text-decoration:none">人名3</a></td>
</tr>


中間省略

</tbody>
</table>
</div>

--------------------------------------------------------------------------------------------

如果要再加連結部份,就複製部份紅色,接在後面,再修改連結內容。
如果要加主標題,那就複製藍色部份,貼上,修改標題文字及背景。
貼語法時不能段掉,不然會出現上面有空格。

另外,史丹汀還推薦大家一個日本製作表格的網站
快速又方便,只要將你的條件填入,輸出,便能複製語法了!
修改時將日文部份改成自己需要的文字即可…大家自己摸索一下吧。

arrow
arrow
    全站熱搜

    Naomi 發表在 痞客邦 留言(15) 人氣()