簡單清爽的blogger表格

W3 school裡面有非常好用的線上HTML編輯軟體，可以幫助我們輕輕鬆鬆的做出簡單又漂亮的表格。請先點進去這個連結，就可以看到以下的畫面：

W3 school的界面看起來簡潔明瞭，很適合用來修改成自己想要的表格，只要按一下左上方see result按鈕，右邊就會呈現程式輸出的結果。是不是很方便呢？ 首先，先將自己需要的行列規畫出來，如，一行有四列：
<tr> <td>名字</td> <td>學院</td> <td>血統</td> <td>簡介</td> </tr> <tr> 然後善用複製貼上，先將表格的框架建構出來，再貼上表格的內容。記得調整一下table的屬性cellpadding跟cellspacing可以讓中文表格看起來更清爽喔！以下是程式範例與輸出的結果：

<table border="1" cellpadding="10" cellspacing="1" style="width: 100%;">
<tbody>
<tr bgcolor="#EDEDED">
    <td>名字</td>
    <td>學院</td>  
    <td>血統</td>
    <td>簡介</td>
  </tr>
<tr>
    <td>哈利</td>
    <td>葛來分多</td>  
    <td>混血</td>
    <td>主角。</td>
  </tr>
<tr>
    <td>妙麗</td>
    <td>葛來分多</td>  
    <td>麻瓜</td>
    <td>哈利的好友，人稱萬事通，D.A成員。</td>
  </tr>
<tr>
    <td>榮恩</td>
    <td>葛來分多</td>  
    <td>純正</td>
    <td>哈利的好友，D.A成員。</td>
  </tr>
</tbody></table>

名字	學院	血統	簡介
哈利	葛來分多	混血	主角。
妙麗	葛來分多	麻瓜	哈利的好友，人稱萬事通，D.A成員。
榮恩	葛來分多	純正	哈利的好友，D.A成員。