2021年9月3日 星期五

協作平台升級後的網頁表格製作問題

今天要整理筆記時才發現我的 Google 協作平台已無法再編輯, 因為去年就出現了要求升版為新協作平台的通知, 但我一直不予理會, 因為舊的就很好用啊!



結果今天按那枝筆即顯示無法編輯了, 無奈只好按立即升級網站 : 




但升級後令我大失所望, 果然擔心是對的, 新版沒有舊版好, 我平常整理筆記時用來打表格的功能不見了, 真是很傷腦筋, 怎麼辦? 只好把之前舊版表格的 HTML 碼記錄下來, 以後就先在 EditPlus 先打好, 再貼到 Blogger 的 HTML 編輯模式去吧!  

    <table border="1" bordercolor="#888" cellspacing="0" style="background-color: white; border-collapse: collapse; border-color: rgb(136, 136, 136); border-width: 1px; color: #534741; font-family: Arial, Verdana, sans-serif; font-size: 13.3333px; margin: 0px;">
      <tbody>
        <tr>
          <td style="height: 17.0114px; vertical-align: top; width: 149.011px;">&nbsp;項目</td>
          <td style="height: 17.0114px; vertical-align: top; width: 402.011px;">&nbsp;說明</td>
        </tr>
        <tr>
          <td style="height: 17.0114px; vertical-align: top; width: 149.011px;">&nbsp;</td>
          <td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td>
        </tr>
        <tr>
          <td style="height: 17.0114px; vertical-align: top; width: 149.011px;"><br /></td>
          <td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td>
        </tr>
        <tr>
          <td style="height: 17.0114px; vertical-align: top; width: 149.011px;"><br /></td>
          <td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td>
        </tr>
        <tr>
          <td style="height: 17.0114px; vertical-align: top; width: 149.011px;">&nbsp;</td>
          <td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td>
        </tr>
        <tr>
          <td style="height: 17.0114px; vertical-align: top; width: 149.011px;"><br /></td>
          <td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td>
        </tr>
        <tr>
          <td style="height: 17.0114px; vertical-align: top; width: 149.011px;"><br /></td>
          <td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td>
        </tr>
        <tr>
          <td style="height: 17.0114px; vertical-align: top; width: 149.011px;">&nbsp;</td>
          <td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td>
        </tr>
        <tr>
          <td style="height: 17.0114px; vertical-align: top; width: 149.011px;"><br /></td>
          <td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td>
        </tr>
        <tr>
          <td style="height: 17.0114px; vertical-align: top; width: 149.011px;"><br /></td>
          <td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td>
        </tr>
        <tr>
          <td style="height: 17.0114px; vertical-align: top; width: 149.011px;">&nbsp;</td>
          <td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td>
        </tr>
        <tr>
          <td style="height: 17.0114px; vertical-align: top; width: 149.011px;"><br /></td>
          <td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td>
        </tr>
        <tr>
          <td style="height: 17.0114px; vertical-align: top; width: 149.011px;"><br /></td>
          <td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td>
        </tr>
      </tbody>
    </table>

此表格簡潔好用, 效果如下 : 


 項目  說明
 


 


 


 




要添加欄位的話, 只要切到 HTML 模式, 在 </tbody> 前面貼上如下標記碼即可 :

<tr><td style="height: 17.0114px; vertical-align: top; width: 149.011px;"><br /></td><td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td></tr>

較寬項目的表格 :

<table border="1" bordercolor="#888" cellspacing="0" style="background-color: white; border-collapse: collapse; border-color: rgb(136, 136, 136); border-width: 1px; color: #534741; font-family: Arial, Verdana, sans-serif; font-size: 13.3333px; margin: 0px;"><tbody><tr><td style="height: 17.0114px; vertical-align: top; width: 189.011px;">項目</td><td style="height: 17.0114px; vertical-align: top; width: 372.011px;">&nbsp;說明</td></tr><tr><td style="height: 17.0114px; vertical-align: top; width: 189.011px;">&nbsp;</td><td style="height: 17.0114px; vertical-align: top; width: 372.011px;"></td></tr><tr><td style="height: 17.0114px; vertical-align: top; width: 189.011px;"><br /></td><td style="height: 17.0114px; vertical-align: top; width: 372.011px;"></td></tr></tbody></table>

兩欄均較寬的表格 :

<tr><td style="height: 17.0114px; vertical-align: top; width: 189.011px;"><br /></td><td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td></tr>
<tr><td style="height: 17.0114px; vertical-align: top; width: 189.011px;"><br /></td><td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td></tr>
<tr><td style="height: 17.0114px; vertical-align: top; width: 189.011px;"><br /></td><td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td></tr>
<tr><td style="height: 17.0114px; vertical-align: top; width: 189.011px;"><br /></td><td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td></tr>
<tr><td style="height: 17.0114px; vertical-align: top; width: 189.011px;"><br /></td><td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td></tr>
<tr><td style="height: 17.0114px; vertical-align: top; width: 189.011px;"><br /></td><td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td></tr>
<tr><td style="height: 17.0114px; vertical-align: top; width: 189.011px;"><br /></td><td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td></tr>
<tr><td style="height: 17.0114px; vertical-align: top; width: 189.011px;"><br /></td><td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td></tr>
<tr><td style="height: 17.0114px; vertical-align: top; width: 189.011px;"><br /></td><td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td></tr>
<tr><td style="height: 17.0114px; vertical-align: top; width: 189.011px;"><br /></td><td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td></tr>
<tr><td style="height: 17.0114px; vertical-align: top; width: 189.011px;"><br /></td><td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td></tr>
<tr><td style="height: 17.0114px; vertical-align: top; width: 189.011px;"><br /></td><td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td></tr>
<tr><td style="height: 17.0114px; vertical-align: top; width: 189.011px;"><br /></td><td style="height: 17.0114px; vertical-align: top; width: 402.011px;"></td></tr>

 項目 說明














沒有留言:

張貼留言