1、第五章 表格處理1、表格的作用：1）存放數據 2）布局頁面2、插入表格 步驟：1） 單擊網頁中需要插入表格的地方2） 在菜單欄選擇“插入記錄”-“表格”命令，或者單擊“常用”工具欄里的“表格”按鈕，或者運用組合鍵ctrl+alt+t3、設置表格大小行數和列數：表格寬度：表示表格在頁面中寬度的大小。像素設置的是表哥寬度的實際值，百分比設置的是表格與頁面寬度的相對比值。邊框粗細：設置表格邊框的粗細效果。單元格邊距：是指單元格中填充內容距離邊框的距離大小。單元格間距：是指相鄰單元格之間的距離。概念：單元格，指的是表格里的每一個格子，就叫做單元格。理解表格邊框、單元格邊框、間距、填充（邊距）4、頁眉與

2、輔助功能頁眉：用于設置表格的行或列的標題無：表示不設置表格的行或列的標題左：表示一行歸為一類，可以為每行在第一欄設置一個標題頂部：表示一列歸為一類，可以為每列在頭一欄設置一個標題兩者：表示可以同時輸入“左”端和“頂部”的標題標題：設置表格的標題名稱，默認會出現在表格的上方。摘要：為表格的備注，不會在網頁中顯示。二、表格的設置1實例一 足球明星相冊要求：1) 標題“足球明星” 設置字體：黑體、大小：36像素、 顏色：#ffcc33、居中對齊2) 創建導航位置的表格1行5列、表格寬度700像素、邊框為0、填充3、間距0、背景顏色為：#ff99cc、每個單元格必須一樣寬，且里面的文字居中對齊。3)

3、設置網頁背景顏色為：#009900，設置導航鏈接4) 創建圖像展示表格3行4列。寬度700像素邊框粗細1像素邊框顏色#003333單元格邊距10像素單元格間距10像素表格背景顏色#006600第一行背景顏色#66ffcc第二行背景顏色#ffff66第三行背景顏色#66ff00知識點：1）選定表格和單元格 表格包括行、列、單元格3個組成部分 。a、選定整個表格 b、選定行或列 c、選定單元格 2）設置表格和單元格的屬性3）調整表格的尺寸 選定表格鼠標拖動 設置屬性值 調整行和列的寬度 2、實例二、制作課程表步驟一：插入5行6列的表格，寬度為500像素，邊框、填充、間距各為1；并調整表格錄入文字如

4、下圖所示：知識點：1）添加/刪除行列 通過表格【屬性】面板增加與刪除表格的行和列 通過【修改】菜單完成增加與刪除表格的行和列 2）單元格的合并和拆分3）單元格的復制、粘貼、移動和清除 在網頁編輯窗口中選中要復制的對象1. 復制按ctrl+c，或【編輯】【復制】命令。 2. 移動按ctrl+x，或【編輯】【剪切】命令。 3. 粘貼按ctrl+v，或【編輯】【粘貼】命令。 4. 拖動按住ctrl拖，則完成復制操作。直接拖曳可完成對象的操作。 5. 清除按delete，或【編輯】【清除】命令。 步驟二：在步驟一的基礎上，設置表格屬性，如下圖所示效果：表格屬性參數：寬度500像素邊框粗細1像素邊距1像

5、素間距1像素表格背景顏色#d2e2ef表格邊框顏色#b6c9d7對齊居中對齊步驟三：設置單元格屬性，完成課程表。如下圖所示：要求：1）所有單元格居中對齊，字體大小為12px 2）第一列和第二行字體加粗 3）第二行背景顏色設置為：#b6c9d7；填寫科目的單元格設置背景顏色：#e9f1f8 4）最上一行字體：隸書 36px 紅色；設置行高70像素；背景圖片：bg.gif 5）左上角單元格，插入圖片logo.gif，設置圖片寬和高為60,并設置圖片在單元格的頂部對齊。6）最下一行設置行高20像素；背景顏色：#b6c9d7，邊框顏色：#ff00003、表格的html標記表格的標簽：   &

6、nbsp;     表格標記 行標記 單元格標記  空格三、表格嵌套1概念：就是在表格的單元格中再插入表格，形成嵌套的結構。或者就是說在已有的表格中再創建表格。2步驟 a：光標定位到需要插入嵌套表格的單元格里b： 按照插入表格的方式，插入新的表格實例一：下載頁面要求：1、背景圖片為bg.gif 2. 單元格顏色 #33b3f0和 #c8eafb實例二 個人簡歷 四、應用表格布局頁面1）、類型：網頁布局大致可分為“國”字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、flash型、變化型。a、國字型b拐角型c正文型d左右框架型e flash型2、頁面的構成1）網頁尺寸 根據屏幕分辨率的大小設計網頁的寬度。 一般如果屏幕分辨率為800*600 那么設計網頁的尺寸為780*428，如果屏幕分辨率為1024*768，那么設計頁面尺寸為980*6002）頁頭（頁眉） 通常放置logo（網站標