這篇教學引用至史丹汀的連結表格教學,[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>
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>
--------------------------------------------------------------------------------------------
如果要再加連結部份,就複製部份紅色,接在後面,再修改連結內容。
如果要加主標題,那就複製藍色部份,貼上,修改標題文字及背景。
貼語法時不能段掉,不然會出現上面有空格。
另外,史丹汀還推薦大家一個日本製作表格的網站
快速又方便,只要將你的條件填入,輸出,便能複製語法了!
修改時將日文部份改成自己需要的文字即可…大家自己摸索一下吧。
</div>
--------------------------------------------------------------------------------------------
如果要再加連結部份,就複製部份紅色,接在後面,再修改連結內容。
如果要加主標題,那就複製藍色部份,貼上,修改標題文字及背景。
貼語法時不能段掉,不然會出現上面有空格。
另外,史丹汀還推薦大家一個日本製作表格的網站
快速又方便,只要將你的條件填入,輸出,便能複製語法了!
修改時將日文部份改成自己需要的文字即可…大家自己摸索一下吧。
本文引用自neomi - 製作連結表格