blogger文章中插入表格

要在blogger文章中插入表格(HTML table),可以使用HTML切換功能。

複製下面代碼後,貼到blogger文章編輯中的HTML編輯區後,就可以得到「單行單欄」表格。

<table border="1">
 <tr>
 <td>單行單欄</td>
 </tr>
</table>    
單行單欄

「單行雙欄」表格範例。

<table border="1" style="width: 300px;"><tbody>
<tr><td>單行雙欄1</td><td>單行雙欄2</td></tr>
</tbody></table>
單行雙欄1單行雙欄2

「雙行雙欄」表格範例。

<table border="1">
 <tr>
 <td>雙行1雙欄1</td>
 <td>雙行1雙欄2</td>
 </tr>
 <tr>
 <td>雙行2雙欄1</td>
 <td>雙行2雙欄2</td>
 </tr>
</table>
雙行1雙欄1雙行1雙欄2
雙行2雙欄1雙行2雙欄2

「單行單欄+單行雙欄」表格範例

<table border="1">
 <tr>
 <td colspan="2">單行單欄</td>
 </tr>
 <tr>
 <td>單行雙欄1</td>
 <td>單行雙欄2</td>
 </tr>
</table>             
單行單欄
單行雙欄1單行雙欄2

「不知道幾行幾欄」表格範例

<table border="1">
 <tr>
 <td rowspan="2">這是第一個欄位</td>
 <td>這裡是第二個欄位第一行</td>
 </tr>
 <tr>
 <td>這裡是第二個欄位第二行</td>
 </tr>
</table>
不知道幾行幾欄不知道幾行幾欄
不知道幾行幾欄
 

Copyright © 2013-2014 傑夫papa | Powered by Blogger