html表格、框架-使用大全-文庫吧資料
2025-03-17 14:54本頁面
【正文】 框架 表格 主頁 表格的格式化包括以下一些內容： ? 為表格添加邊框及設置邊框粗細及邊框顏色 ? 為表格添加背景圖像或背景顏色 ? 指定表格的對齊方式 ? 設置表格的寬度、高度 ? 設置表格單元格內容與邊框的間距及單元格之間的間距 ? 指定行、列的背景圖像或背景顏色 ? 指定行、列內容的對齊方式 ? 設置行、列的邊框顏色 ? 設置行、列的寬度和高度 ? 單元格的跨行和跨列設置 格式化表格 本節(jié)小結 本節(jié)小結 思考題 框架 表格 主頁 表格屬性 屬 性 描 述 border 設置表格邊框寬度，單位為像素（默認不顯示邊框），設置 border=0將取消邊框 width 設置表格寬度，單位為像素或 瀏覽器窗口 的百分比 height 設置表格高度，單位為像素或 瀏覽器窗口 的百分比 Bordercolor、bordercolordark、bordercolorlight 設置表格邊框顏色 /亮邊框顏色（左上邊框顏色） /暗邊框顏色（右下邊框顏色） bgcolor 設置表格的背景顏色 background 設置表格的背景圖像 cellspacing 設置相鄰單元格之間的間距 cellpadding 設置單元格邊框與內容的間距 align 設置表格的水平對齊（默認左對齊） 本節(jié)小結 本節(jié)小結 思考題 框架 表格 主頁 表格標記屬性設置語法 table border=“value” bordercolor=“color_value” bordercolorlight=“color_value” bordercolordark=“color_value” bgcolor=“color_value” background=“image_path” width=“value” height=“value” align=“l(fā)eft/center/right” cellspacing=“value” cellpadding=“value” 本節(jié)小結 本節(jié)小結 思考題 框架 表格 主頁 表格標記屬性示例 示例代碼 本節(jié)小結 本節(jié)小結 思考題 框架 表格 主頁 行標記 TR屬性 屬 性 描 述 align 設置行中各單元格內容的水平對齊方式（默認左對齊） valign 行中各單元格內容內容的垂直對齊方式（默認居中對齊 bgcolor 設置行的背景顏色 background 設置行的背景圖像 bordercolor 設置行的邊框顏色 bordercolorlight 設置行的亮邊框顏色（右下邊框顏色） bordercolordark 設置行的暗邊框顏色（左下邊框顏色） 本節(jié)小結 本節(jié)小結 思考題 框架 表格 主頁 行標記屬性設置語法 tr align=“l(fā)eft/center/right” valign=“l(fā)eft/center/right” bordercolor=“color_value” bordercolorlight=“color_value” bordercolordark=“color_value” bgcolor=“color_value” background=“image_path” 本節(jié)小結 本節(jié)小結 思考題 框架 表格 主頁 行標記屬性示例 示例代碼 本節(jié)小結 本節(jié)小結 思考題 框架 表格 主頁 TD、 TH標記屬性 屬 性 描 述 align 設置單元格內容的水平對齊方式（ td的默認左對齊， th的默認居中對齊） valign 設置單元格內容的垂直對齊（默認居中對齊） bgcolor 設置單元格的背景顏色 background 設置單元格的背景圖像 bordercolor 設置單元格的邊框顏色 bordercolorlight 設置單元格的亮邊框顏色（右下邊框顏色） bordercolordark 設置單元格的暗邊框顏色（左上邊框顏色） width 設置單元格的寬度，單位為像素或 表格寬度 的百分比 height 設置單元格的高度 rowspan 設置單元格的跨行操作 colspan 設置單元格的跨列操作 nowrap 當文本的寬度超過單元格寬度時，不允許文本在單元格內換行。所有文本在一行內顯示 本節(jié)小結 本節(jié)小結 思考題 框架 表格 主頁 單元格寬度屬性解釋 ? 如果沒有設置單元格寬度，則瀏覽器將會根據單元格中的內容來自動調整單元格的寬度 ? 如果設置了單元格寬度，但沒有設置 nowarp屬性，則單元格中的內容在超出了單元格寬度設置允許的情況下自動對文本進行換行顯示 ? 如果設置了單元格寬度，但同時又設置了 nowarp屬性，則此時，單元格寬度設置不起作用，所有文本將在一行內顯示 本節(jié)小結 本節(jié)小結 思考題 框架 表格 主頁 單元格標記屬性設置語法 td align=“l(fā)eft/center/right” valign=“l(fā)eft/center/right” bordercolor=“color_value” bordercolorlight=“color_value” bordercolordark=“color_value” bgcolor=“color_value” background=“image_path” width=“value” height=“value” rowspan=“value” colspan=“value” nowrap 本節(jié)小結 本節(jié)小結 思考題 框架 表格 主頁 單元格標記屬性示例 示例代碼 本節(jié)小結 本節(jié)小結 思考題 框架 表格 主頁 表格各標記屬性設置的注意事項 ※ 表格標記中的 bord
教學課件相關推薦
鄂ICP備17016276號-1