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