html表格應用基礎

標籤：nbsp   color   標題   rowspan   width   使用   row   垂直   空間   

1. 表格

    <table>...</table>      --定義表格

    <tr>...</tr>               --定義表行

    <td>...</td>              --定義表列（儲存格）

    <th>...</th>              --定義標題列（文字加粗）

2. editplus的程式碼摺疊功能（“視圖”中“程式碼摺疊功能”的“使用程式碼摺疊功能”）

3. 表格屬性                                                           用途 

    <table bgcolor=" ">                                 設定表格的背景色

    <table background=" ">                           設定表格的背景圖片

    <table border=" ">                設定邊框的寬度，若不設定此屬性，則邊框寬度預設為0

    <table cellpadding=" ">         設定表格儲存格邊框與其內部內容之間空間的大小，預設為2(表格邊距）

   <table cellspacing=" ">           設定表格儲存格之間空間的大小，預設為2(儲存格間距）

   <table bordercolor=" ">          設定表格邊框的顏色

   <table bordercolorlight=" ">    設定邊框亮部分的顏色（當border的值大於等於1時才有用）

   <table bordercolordark=" ">    設定邊框暗部分的顏色（當border的值大於等於1時才有用）

   <table align=" ">                   設定表格的對齊（left=左，center=局中，right=右）

   <table width=" ">                  設定表格的寬度，單位用絕對像素值或總寬度的百分比

4. 在editplus代碼中，縮排技巧：tab--向右縮排，shift+tab--負值縮排

5. 列（儲存格）的屬性 

    <td width=" ">                       設定儲存格的寬度

    <td height=" ">                      設定儲存格的高度

    <td bgcolor=" >                      設定儲存格的背景顏色

    <td background=" ">               設定儲存格的背景圖片

    <td align=" ">                         設定儲存格的水平對齊

    <td valign=" ">                       設定儲存格的垂直對齊

    <td rowspan=" ">                    設定行合并的數目

    <td colspan=" ">                      設定列合并的數目

    <td nowrap="nowrap">             設定在儲存格中不換行

6. 行的屬性

    <tr width=" ">             設定行的高度

    <tr height=" ">            設定行的高度

    <tr bgcolor=" ">           設定行的背景顏色

    <tr align=" ">               設定水平對齊

    <tr valign=" ">             設定垂直對齊【top,middle,bottom】

 

    

 

html表格應用基礎