二、深入學(xué)習和使用
1、用表格做網(wǎng)頁(yè)
（3）表格的嵌套
在這個(gè)例子中，下面部分是一個(gè)大表格，這個(gè)表格共有三行兩列，一些單元格中還插入了一個(gè)新的表格。
下面我們開(kāi)始制作，先在第二個(gè)表格下插入一個(gè)三行兩列，寬為590Pixels的表格。
先看看這條紅線(xiàn)是怎么做出來(lái)的。在第一行第一個(gè)單元格內單擊，然后向右拖動(dòng)鼠標，將第一行的兩個(gè)單元格選中，按下M鍵，選中的單元格被合并為一個(gè)單元格（圖1）。
圖1 合并單元格
在屬性面板中，設置此行高度H為1，背景顏色為紅色。 再按下Ctrl+Tab鍵，調出HTML源代碼編輯窗口，顯示光標所在位置的源代碼為： 我們將單元格內的占位字符“ ”刪除，關(guān)閉HTML編輯窗口，表格第一行就顯示為一條紅線(xiàn)了（圖2）。
圖2 用表格產(chǎn)生紅線(xiàn)
下面我們制作中間左側的欄目。在第二行第一個(gè)單元格內單擊鼠標，設置此單元格寬度為110Pixels，然后在此單元格內插入一個(gè)表格。按下Ctrl+Alt+T鍵，設置行數（Rows）為6，列數為1，border=0，單擊寬度（Width）后面的下拉列表，從中選擇“Percent”（百分比），在文本框中輸入100，單擊“OK”，所插入的表格剛好充滿(mǎn)第一個(gè)單元格（圖3）。
圖3 在單元格中嵌套表格
注意：嵌套表格的寬度受表格單元的限制，也就是說(shuō)所插入的表格寬度不會(huì )大于容納它的單元格寬度，即不會(huì )大于110Pixels。比如我們現在看一下表格內的單元格有多寬，可以將光標定位在第一個(gè)單元格內，然后單擊屬性面板下的這個(gè)
按鈕，就會(huì )將表格寬度從百分比相對值轉換為實(shí)際像素值，可以看到單元格寬度為108Pixels，再點(diǎn)一個(gè)旁邊的
按鈕，又將表格寬度轉換為百分比相對值（圖4）。
圖4 表格寬度值的轉換
你可能要問(wèn)，為什么單元格寬度不是110Pixels呢？這是因為表格線(xiàn)本身寬度為1，兩側框線(xiàn)就占去了2個(gè)像素，所以單元格實(shí)際寬度為108Pixels。在計算表格或單元格寬度和高度時(shí)應該注意這一點(diǎn)。
我們剛插入的表格添加背景圖。選中此表格，在屬性面板中單擊背景圖選項右側的圖標（圖5），彈出圖片選擇對話(huà)框，選一個(gè)帶過(guò)渡色的橫條圖片，這個(gè)圖片就被平鋪在表格內了。
圖5 給表格添加背景圖
注意，這個(gè)圖片是事先處理好的，其寬度與表格寬度相同（圖6）。
圖6 點(diǎn)擊可看到瀏覽效果
好了，你可以在這個(gè)子表格內寫(xiě)上文字，設置字的大小為2，居中對齊，并加上鏈接。其中“報刊雜志”條目不用加鏈接，字的顏色也可設置得不同，表示當前頁(yè)面屬于此條目。最后一個(gè)內插入一個(gè)動(dòng)態(tài)Gif圖，在圖的屬性中，設置Alt為“給我來(lái)信”，鏈接為“mailto: ketang.pc@goldhuman.com”，這樣在瀏覽器中，單擊此圖，就會(huì )啟動(dòng)發(fā)送郵件窗口，便于網(wǎng)友直接給你來(lái)信。
圖7 加入郵件鏈接
好，最后再看一下頁(yè)面吧?。▓D8）
圖8 點(diǎn)擊可看到瀏覽效果
上一節下一節
本站僅提供存儲服務(wù)，所有內容均由用戶(hù)發(fā)布，如發(fā)現有害或侵權內容，請
點(diǎn)擊舉報。
