本章簡介：在制作網頁時，表格的作用不僅是列舉數據，更多的是用在網頁定位上。很多網頁都是以表格布局的，這是因為表格在內容的組織、頁面中文本和圖形的位置控制方面都有很強的功能。本章主要講解表格的操作方法和制作技巧。通過這些內容的學習，可以熟練地掌握數據表格的編輯方法及如何應用表格對頁面進行合理的布局。05使用表格課堂學習目標掌握插入表格的方法掌握設置表格的方法和技巧掌握在表格內添加元素的方法掌握網頁中數據表格的編輯方法5.1表格的簡單操作插入表格設置表格屬性在表格內添加元素課堂案例—投資理財網頁5.1.1插入表格要將相關數據有序地組織在一起，必須先插入表格，然后才能有效組織數據。插入表格的具體操作步驟如下：（1）在“文檔”窗口中，將插入點放到合適的位置。（2）通過以下幾種方法啟用“表格”對話框。選擇“插入>表格”命令。單擊“插入”面板中“常用”選項卡上的“表格”按鈕。單擊“插入”面板“布局”選項卡中的“表格”按鈕

。按Ctrl+Alt+T組合鍵。（3）根據需要選擇新建表格的大小、行列數值等，單擊“確定”按鈕完成新建表格的設置。5.1.2設置表格屬性插入表格后，通過選擇不同的表格對象，可以在“屬性”面板中看到它們的各項參數，修改這些參數可以得到不同風格的表格。表格的“屬性”面板，其各選項的作用如下。

表格“屬性”面板5.1.3在表格內添加元素建立表格后，可以在表格中添加各種網頁元素，如文本、圖像、表格等。1.輸入文字在單元格中輸入文字，有以下幾種方法。單擊任意一個單元格并直接輸入文本，此時單元格會隨文本的輸入自動擴展。粘貼來自其他文字編輯軟件中復制的帶有格式的文本。

2.插入其他網頁元素（1）嵌套表格。將插入點放到一個單元格內并插入表格，即可實現嵌套表格。（2）插入圖像。在表格中插入圖像有以下幾種方法。將插入點放到一個單元格中，單擊“插入”面板“常用”選項卡中的“圖像”按鈕

。將插入點放到一個單元格中，選擇“插入記錄>圖像”命令。將插入點放到一個單元格中，將“插入”面板中“常用”選項卡中的“圖像”按鈕

拖曳到單元格內。從資源管理器、站點資源管理器或桌面上直接將圖像文件拖到一個需要插入圖像的單元格內。5.1.4課堂案例—投資理財網頁使用“表格”按鈕，插入表格進行布局；使用“圖像”按鈕，插入圖像；使用“屬性”面板，設置網頁的頁邊距。效果圖5.2網頁中的數據表格導入和導出表格的數據課堂案例—典藏博物館網頁5.2.1導入和導出表格的數據1．導入Excel文檔中的表格數2．導入Word文檔中的內容“導出表格”對話框“導入表格式數據”對話框5.2.2課堂案例—典藏博物館網頁使用“導入表格式數據”命令，導入外部表格數據；使用“屬性”面板，改變表格的高度和對齊方式。效果圖課堂練習—火鍋餐廳網頁

使用“頁面屬性”命令，設置頁面的邊距和標題；使用“表格”按鈕插入表格；使用“CSS樣式”命令，為單元格添加背景圖像效果；使用“圖像”按鈕插入圖像。效果圖課后練習—OA辦公系統網頁