close
文章出處

表格是由三個基本標簽構成,由外到里的順序是<table><tr><td></td></tr></table>

舉個例子:

如果是三行兩列,順序就是這樣的

 <tr>

     <td >        </td>

     <td>         </td>

                                                    </tr>

<tr>  

     <td >        </td>

     <td>         </td>

                                                     </tr>

<tr>   

     <td >        </td>

     <td>         </td>

                                                     </tr>

</table>

tr代表行,有幾行就寫幾個,中間是內容,td代表列,也是有幾列寫幾個,在遇到比較復雜的網頁時,要學會拆分,先做出大體表格,然后再細分

      設計和代碼頁,是同步的,設計頁面做出一個表格,從屬性設置寬度高度 寬度有像素單位還有百分比,像素是固定的大小,百分比是 1到100之間,相對于瀏覽器的邊距來說,它隨著瀏覽器的變化而變化

      當在設計頁面插入表格在調整時,會出現調整單元格邊距,間距還有寬度等,代碼頁會出現widch="100%",border="0",cellspacing="0",cellpadding="0"  都是屬性分別代表寬度,邊框,單元格邊距還有單元格間距,后面的值,都是根據情況自己設置,設置單元格寬度時,只設置每一列第一個單元格寬度就可以,在布局頁面時,不要邊框,所以數值為0,做數據時可以顯示一般數值為1,單元格邊距指兩個單元格之間的距離,單元格間距是指里面的文字與外面邊框的距離,單元格還有高度,高度在代碼中是height,高度不是固定的,所以沒有百分比,只有像素,當高度需要改變時,只調整每一行的第一個單元格就好

     在屬性窗口里還有水平對齊和垂直對齊等方式,當需要改變時,選中單元格內要調整的內容,選一個方式就好,當單元格內內容較多時,默認的是換行,會換另一行繼續內容,如果不想讓它換行的話,選擇屬性表內的不換行就好,經常出現的幾個屬性詞,align水平,center 居中,valign 垂直對齊方式,bottom 靠下,當要改變內容在某個單元格的位置時,選中內容然后在屬性中選擇要改變的位置就好

     背景色,直接在屬性窗口內選擇背景顏色就好,它對應的代碼就是bgcolor 背景色,在屬性窗口里還有合并和拆分單元格選項,colspan 代表合并列,rowspan 代表合并行,如果合并行也合并烈,是既有colspan 又有rowspan 

     插入圖片時,從代碼頁添加即可


不含病毒。www.avast.com
arrow
arrow
    全站熱搜

    AutoPoster 發表在 痞客邦 留言(0) 人氣()