今天就讓我們從下面的例子中學習吧。
請創建壹個目錄框架頁，並根據需要將此文件另存為page2.html。
要求:在目錄框架網頁中創建壹個4行1列(高300像素，寬100像素)的表格，表格居中，黃色邊框，綠色背景；表中字符為中文楷體，14分，黑體黑色；單元格內容在水平方向向右對齊，在垂直方向向下對齊；在主框架網頁新建壹個網頁，插入圖片8139 . jpg；在材料包裝中；在資料包中設置“食品介紹”與sc7.htm文件的鏈接，設置“相關新聞”與網站的鏈接。cn，設置素材包中“相關圖片”與bg7.jpg文件的鏈接，設置“網絡大師”與email someone@microsoft.com的鏈接。
步驟1:創建新網頁
首先我們打開軟件，在菜單欄下選擇修改-框架集-拆分成左右框架。保存三個網頁。
1.整個框架頁面。
選擇框架中間的豎條，當我們看到“
2.框架頁面的左側
選擇左側空白區域。
3.它位於框架頁面的右側。
選擇右邊的空白區域。
如圖所示:
第二步:制作左邊的框架頁面。
首先插入表格並設置基本屬性。
1.選擇主菜單下的“插入”-“表格”，如圖所示。
2.然後設置表格的屬性。
(4行1列的表格為“高300像素，寬100像素”，邊框為黃色，背景為綠色。)高度和邊框顏色都是用代碼輸入的。如圖所示:
3.至於背景和中心，我們可以設計屬性面板的頁面布局。如圖所示:
第三步:設置css樣式。
1.首先，打開css面板，選擇面板下面的“+”號，顯示如下效果。
2.設置樣式。選擇“id”類型，命名為“stlye1”，保存“僅用於本文檔”。如圖所示:
3.設置樣式屬性。“漢文，14磅，黑體，黑色”。如圖所示:
第四步:使用css樣式。
1.在表格中寫出相應的單詞。如圖所示:
2.使用樣式。選擇所有文本，然後來到屬性面板。選擇“類”——“STLYE 1”，我們將設置css樣式。如圖所示:
第五步:設置文字的位置。
選擇文本，轉到屬性面板，設置“水平”和“垂直”屬性。如圖所示:
第六步:設置文本鏈接。
選擇“食物介紹”，進入屬性面板，選擇“鏈接”，輸入我們要鏈接的地址。接下來，您可以依次選擇其他字符。效果如下:
(註:我們可以直接填寫前面選擇的網頁文件和圖片文件。我們應該將“http://”添加到網站地址，將“mailto:”添加到電子郵件地址。
第七步:設置正確的頁面。
選擇右邊的網頁，選擇“插入”-“圖片”，選擇我們要插入的圖片，就大功告成了。如圖所示:
此時，我們可以打開htm文件，在瀏覽器中瀏覽效果，如圖: