1、2.1 HTML概述概述2.2 HTML文本設計文本設計2.3 加入多媒體與超級鏈接加入多媒體與超級鏈接2.4 制作表格制作表格2.5 制作表單制作表單2.6 框架結構框架結構 2.7 CSS基礎基礎如何設計網頁文本格式如何在網頁中加入超級鏈接和多媒體如何設計網頁表格如何設計網頁表單如何設計網頁框架如何設計CSS層疊樣式表2.1.1 HTML2.1.1 HTML簡介簡介 HTMLHTML是（是（Hyper Text Markup LanguageHyper Text Markup Language，超文，超文本標記語言）的縮寫，用來表示網上信息的符號本標記語言）的縮寫，用來表示網上信息的符號標

2、記語言。標記語言。 HTMLHTML最早源于最早源于SGMLSGML（標準通用化標記）語言。（標準通用化標記）語言。HTMLHTML語言內容豐富，從功能上大體可分為：文語言內容豐富，從功能上大體可分為：文本結構設置、列表建立、文本屬性制定、超鏈接、本結構設置、列表建立、文本屬性制定、超鏈接、圖片和多媒體插入、對象、表格以及窗體的操作。圖片和多媒體插入、對象、表格以及窗體的操作。 2.1.2 HTML2.1.2 HTML文檔的結構文檔的結構包括包括HEADHEAD、TITLETITLE、BODYBODY三部分，下面是基本結構：三部分，下面是基本結構： 網頁標題網頁標題 標題部分（設置網頁的相關信

3、息，如標題、作標題部分（設置網頁的相關信息，如標題、作者、關鍵字、編碼方式等）者、關鍵字、編碼方式等） 正文部分（整個文件的整體部分）正文部分（整個文件的整體部分） 2.1.3 HTML2.1.3 HTML標記（例標記（例2-1.html2-1.html）1 1HTMLHTML文檔標記文檔標記 格式：格式：標志文件開始和結尾的標志文件開始和結尾的標記。標記。2 2HTMLHTML文件頭標記文件頭標記 格式：格式：用于包含文件的基本信用于包含文件的基本信息。息。3 3HTMLHTML文件主體標記文件主體標記 格式：格式：文件主體標記。文件主體標記。 注意：（注意：（1 1）與與為獨立的兩個部分，

4、為獨立的兩個部分，不能互相嵌套。（不能互相嵌套。（2 2）所有其他的）所有其他的HTMLHTML標記都必須在標記都必須在之間，否則將不能被瀏覽器正常解釋。之間，否則將不能被瀏覽器正常解釋。 2.1.4 文件頭標記文件頭標記1.網頁標題標記網頁標題標記之間的內容將顯示在之間的內容將顯示在網頁標題欄上網頁標題欄上,默認顯示網頁文件的名字。默認顯示網頁文件的名字。2.頭元素頭元素:主要用于指定主要用于指定HTML文件的一些文件的一些特殊屬性。如：特殊屬性。如： 3.用于聲明使用的何種腳本語言。用于聲明使用的何種腳本語言。文本是網頁的核心內容，只有適當地設置文本的格式，才能設計出絢麗多彩的網頁，設置文

5、本的格式包括：（1）設置標題（2）設置文字的字體、字號、字形、顏色、段落格式（3）設置文本布局2.2.1 2.2.1 設置主體標記設置主體標記的屬性的屬性 屬性概述：屬性概述： backgroundbackground屬性（設置網頁的背景圖片）屬性（設置網頁的背景圖片） bgcolor bgcolor 屬性（設置網頁的背景顏色）屬性（設置網頁的背景顏色） bgpropertiesbgproperties屬性（設置背景是否隨滾動條滾動）屬性（設置背景是否隨滾動條滾動） linklink屬性（設置尚未被訪問過的超文本鏈接的顏色）屬性（設置尚未被訪問過的超文本鏈接的顏色）vlinkvlink屬性（設

6、置已被訪問過的超文本鏈接的顏色）屬性（設置已被訪問過的超文本鏈接的顏色）alinkalink屬性（設置超文本鏈接在被單擊瞬間的顏色）屬性（設置超文本鏈接在被單擊瞬間的顏色）LeftmarginLeftmargin，topmargintopmargin屬性（設置網頁左邊、上邊的屬性（設置網頁左邊、上邊的空白）空白）MarginwidthMarginwidth，marginheightmarginheight屬性（設置網頁空白的寬屬性（設置網頁空白的寬度和高度）度和高度）的屬性說明：的屬性說明：（1 1）對于）對于backgroundbackground屬性，通過屬性，通過URLURL地址給出地址

7、給出背景圖片的來源位置；背景圖片的來源位置；（2 2）顏色的表示方法：）顏色的表示方法：#rrggbb, #rrggbb, 例如，例如，#0000#0000表示黑色，表示黑色，#FFFFFF#FFFFFF表示白色。表示白色。HTMLHTML預定義預定義了幾種顏色，如：了幾種顏色，如：red, green, blue, gray, red, green, blue, gray, yellow, purpleyellow, purple等，使用時可以直接引用，如：等，使用時可以直接引用，如：bgcolor=“red”.bgcolor=“red”.（3）bgpropertiesbgpropertie

8、s屬性值默認為背景隨滾動屬性值默認為背景隨滾動條滾動，如果設置成條滾動，如果設置成fixed,fixed,那背景將不隨滾動條那背景將不隨滾動條滾動。滾動。( (見例見例2-1-1.html)2-1-1.html)2.2.2 2.2.2 段落格式化段落格式化( (與與WORDWORD對照對照) ) 1. 1. 標題標記標題標記格式：格式：，設置各種大小不同標題的標記，含有屬性設置各種大小不同標題的標記，含有屬性align,align,用來設置標題在網頁中對齊方式。（例用來設置標題在網頁中對齊方式。（例2-2.html2-2.html）2 2段落標記段落標記格式：格式：設置段落標記，含有屬性設置段

9、落標記，含有屬性alignalign，默認值為，默認值為left left 。 3 3預定格式標記預定格式標記格式：格式：在瀏覽器中瀏覽時，按照在瀏覽器中瀏覽時，按照文檔中預先排好的形式顯示內容文檔中預先排好的形式顯示內容, ,含有含有widthwidth屬性，屬性，用來表示一行的最大字符數，通常取值為用來表示一行的最大字符數，通常取值為4040、8080或或132132。（例。（例2-3.html2-3.html）4 4分區顯示標記分區顯示標記格式：格式：分區顯示標記。分區顯示標記。AlignAlign屬性設置標記屬性。（例屬性設置標記屬性。（例2-42-4）5 5詞標記詞標記格式：格式：

10、功能：強制換行。功能：強制換行。格式：格式： 功能：插入水平線標記。包含功能：插入水平線標記。包含align,size,align,size,widthwidth,color,noshade,color,noshade等屬性。等屬性。（例（例2-52-5） 6 6注釋標記注釋標記格式：格式：!-注釋標記。注釋標記。（例（例2-62-6） 2.2.3 2.2.3 建立列表建立列表 在網頁中經常使用的列表分為：有序列表和無序列表。在網頁中經常使用的列表分為：有序列表和無序列表。由帶有序號標志（如數字、字母等）的表項組成有序列表。由帶有序號標志（如數字、字母等）的表項組成有序列表。否則就為無序列表。

11、否則就為無序列表。1. 1. 有序列表有序列表格式：格式：OL type= LI type=” LI type=” 功能：建立有序列表，默認序號是數字。功能：建立有序列表，默認序號是數字。2. 2. 無序列表無序列表格式：格式：UL type=” LI type=” LI type=” 功能：建立無序列表，默認為實心圓點。功能：建立無序列表，默認為實心圓點。 3. 3. 自定義列表自定義列表格式：格式： （定義列表項）（定義列表項） （定義語句）（定義語句） 注意：注意：根據文檔的具體要求，列表可以嵌套使用。根據文檔的具體要求，列表可以嵌套使用。（例（例2-72-7）2.2.4 2.2.4 字

12、符格式化（字體大小、類型、粗細、顏字符格式化（字體大小、類型、粗細、顏色等的設置）色等的設置）1 1字體設置標記字體設置標記格式：格式：功能：設置字體格式標記。功能：設置字體格式標記。size=sizesize=size：設置文字的大小。數字的范圍為：設置文字的大小。數字的范圍為1717，取取 1 1 時 最 小 ， 取時 最 小 ， 取 7 7 時 最 大 ， 默 認 的 數 值 為時 最 大 ， 默 認 的 數 值 為 3 3 。face=fontstyleface=fontstyle：設置字體，如宋體、黑體、隸書等。：設置字體，如宋體、黑體、隸書等。color=colorvaluecol

13、or=colorvalue：設置文字的顏色。：設置文字的顏色。（例（例2-82-8）2其他標記其他標記 （例（例2-9,2-9,例例2-91,2-91,例例2-92 2-92 ）其他標記格式其他標記格式功能功能給字符加下劃線給字符加下劃線給字符上加刪除線給字符上加刪除線給字符加粗給字符加粗將字符設置成斜體將字符設置成斜體標記使得其中的文字產生閃爍的效果標記使得其中的文字產生閃爍的效果2.3.1 2.3.1 加入圖像、視頻、動畫加入圖像、視頻、動畫 格式：格式： 功能：在網頁中加入圖像、視頻、動畫等。功能：在網頁中加入圖像、視頻、動畫等。 1 1插入圖像插入圖像 圖像在網頁設計中是必不可少的，所

14、以用戶應圖像在網頁設計中是必不可少的，所以用戶應掌握在網頁中操作圖像的方法。掌握在網頁中操作圖像的方法。（例（例2-102-10，例，例2-10-22-10-2）標記屬性標記屬性功能功能src =URL通過通過URL給出圖像來源的位置，不可缺省給出圖像來源的位置，不可缺省width=size設置圖像寬度設置圖像寬度height =size設置圖像高度設置圖像高度alt= txt設置在圖像未載入前圖片位置顯示的文字設置在圖像未載入前圖片位置顯示的文字border= size設置圖像邊框，缺省為設置圖像邊框，缺省為0align=alignstyle設置對齊方式。取值為：設置對齊方式。取值為：top

15、，middle，bottom，aleft，righthspace=size設置圖片左右邊沿空白設置圖片左右邊沿空白vspace=size設置圖片上下邊沿空白設置圖片上下邊沿空白2 2插入視頻插入視頻使用使用插入視頻或動畫時，含有的屬性如下插入視頻或動畫時，含有的屬性如下表：（表：（RMVB.HTMLRMVB.HTML）2.3.2 2.3.2 加入超級鏈接加入超級鏈接 格式：格式： 功能：在當前頁和其他內容間建立超鏈接。功能：在當前頁和其他內容間建立超鏈接。 （例（例2-11.html2-11.html，2-2.html2-2.html） 標記屬性標記屬性功能功能href=URL給定鏈接目標的位

16、置給定鏈接目標的位置target=frametarget設置顯示鏈接目標的框架設置顯示鏈接目標的框架accesskey=character設置快捷鍵設置快捷鍵tabindex=num設置設置Tab鍵的順序鍵的順序rel=linktype設置到鏈接的關系設置到鏈接的關系2.4.1 建立表格建立表格 2.4.1 建立表格建立表格創建表格是規劃頁面最常用的方法。創建表格是規劃頁面最常用的方法。格式：格式：功能：創建表格進行頁面設計。功能：創建表格進行頁面設計。 在瀏覽器中顯示時，表格的整體外觀由在瀏覽器中顯示時，表格的整體外觀由標記的屬性決定標記的屬性決定 。標記屬性標記屬性功能功能border=s

17、ize設置表格邊框大小設置表格邊框大小width= size設置表格的寬度設置表格的寬度,像素和百分比兩種像素和百分比兩種height=size設置表格的高度設置表格的高度,像素和百分比兩種像素和百分比兩種cellspacing=size設置單元格間距設置單元格間距cellpadding =size設置單元格的填充距設置單元格的填充距background =URL設置表格背景圖片設置表格背景圖片bgcolor =colorvalue設置表格背景色設置表格背景色align=alignstyle設置對齊方式設置對齊方式cols =size設置表格的列數設置表格的列數2.4.2 定制表格定制表格只是

18、空表格，還需要定義行和單元只是空表格，還需要定義行和單元格。格。格式：格式：功能：定義表格的一行。功能：定義表格的一行。格式：格式：功能：定義表格的表頭。功能：定義表格的表頭。格式：格式：功能：定義表格中的單元格。功能：定義表格中的單元格。格式：格式：功能：定義表格標題，顯示在表格上方。功能：定義表格標題，顯示在表格上方。（例（例2-12.html,test.html2-12.html,test.html） 2.4.2 定制表格定制表格行標記的屬性行標記的屬性Bgcolor=colorvalue 設置行背景顏色設置行背景顏色Align=alignstyle 設置行對齊方式設置行對齊方式Vali

19、gn=valignstyle 設置單元格垂直對齊設置單元格垂直對齊方式方式2.4.2 定制表格定制表格列標記的屬性列標記的屬性Bgcolor=colorvalue 設置單元格背景顏色設置單元格背景顏色Align=alignstyle 設置單元格對齊方式設置單元格對齊方式Valign=valignstyle 設置單元格垂直對齊方式設置單元格垂直對齊方式Rowspan=num 設置單元格所占的行數設置單元格所占的行數Colspan=num 設置單元格所占的列數設置單元格所占的列數Width=size 設置單元格寬度設置單元格寬度Height=size 設置單元格高度設置單元格高度2.5.1 表單的

20、結構表單的結構 格式：格式：定義表單。定義表單。在WEB網頁上包含各式各樣的輸入表單，它們的組成元素基本相同，通過表單可以完成用戶和計算機或服務器之間進行的信息交換。標記屬性標記屬性功能功能action= URL設置處理表單的程序設置處理表單的程序method=postmethod設置發送表單的設置發送表單的HTTP方法（方法（GET，POST）enctype=contenttype設置發送表單的內容屬性設置發送表單的內容屬性onsubmit= script設置被發送事件設置被發送事件target=frametarget設置顯示表單內容的窗口設置顯示表單內容的窗口accept-charset=

21、cdata設置可支持的字符列表設置可支持的字符列表(例例2-13.html,test-1.html)Method屬性制定了發送表單數據的方法,一種是GET(默認),另一種是POST.兩種方法的區別:(1)GET是將FORM的輸入信息作為字符串附加到action所設定的URL后面，中間用“？”隔開，每個表單域之間用“&”隔開 , 然后把整個字符串傳送到服務器端；服務器端程序，必須用下面的格式來獲取各個表單域的值：% value=Request.QueryString(“FormField”)(2)POST是將FORM的輸入信息進行包裝，而不用附加在action屬性的URL之后。下面的格式

22、來獲取各個表單域的值： % value=Request.Form(“FormField”)(3)使用GET方法所得到的信息不能很多，一般在4000字符左右，而且不能含有非ASCII碼字符，并且在瀏覽器的地址欄中將以明文的形式顯示在表單中的各個表單域值；(4)POST傳送的信息數據量基本沒有什么限制，在瀏覽器的地址欄中不會顯示表單域的值。2.5.2 FORM2.5.2 FORM中常用的標記中常用的標記 1 1輸入域輸入域（1 1）單行輸入域）單行輸入域功能：單一標記，主要用來設計表單中提供給用戶功能：單一標記，主要用來設計表單中提供給用戶的輸入形式。的輸入形式。主要分為以下幾種類型：主要分為以下

23、幾種類型： 1 1）texttext單行文本框單行文本框 2 2）passwordpassword密碼域密碼域 3 3）radioradio單選按鈕單選按鈕 4 4）checkboxcheckbox復選框復選框5 5）submitsubmit提交按鈕提交按鈕 6 6）resetreset重置按鈕重置按鈕 7 7）hiddenhidden隱藏域隱藏域 8) image8) image圖像發送按鈕圖像發送按鈕9) Button9) Button一般按鈕一般按鈕 標記屬性標記屬性功能功能type=inputype設置輸入域的類型設置輸入域的類型name= cdata設置表項的控制名，在表單處理時設置

24、表項的控制名，在表單處理時size=num設置表單域的長度設置表單域的長度maxlength=num設置允許輸入的最大字符數設置允許輸入的最大字符數value =cdata設置輸入域的值設置輸入域的值checked設置是否被選中設置是否被選中2.5.2 FORM2.5.2 FORM中常用的標記中常用的標記 1 1）texttext單行文本框單行文本框這是這是TYPETYPE默認類型。如果輸入類型為默認類型。如果輸入類型為TEXTTEXT，則其他屬性的含義如下：則其他屬性的含義如下：Name:Name:與輸入值相對應的名稱。與輸入值相對應的名稱。Size:Size:輸入窗口的長度，默認值為輸入窗

25、口的長度，默認值為2020，以字節為單位。，以字節為單位。Value:Value:設定預先在窗口顯示的信息。設定預先在窗口顯示的信息。MaxlengthMaxlength：限制最多輸入的字節數。：限制最多輸入的字節數。2.5.2 FORM2.5.2 FORM中常用的標記中常用的標記 2 2）PASSWORDPASSWORD密碼域密碼域這種類型同這種類型同TEXTTEXT類型的使用相似。不同在于類型的使用相似。不同在于輸入時不顯示輸入內容，而以輸入時不顯示輸入內容，而以“* *”回顯。其回顯。其他屬性的含義如下：他屬性的含義如下：Name:Name:與輸入值相對應的名稱。與輸入值相對應的名稱。S

26、ize:Size:輸入窗口的長度，默認值為輸入窗口的長度，默認值為2020，以字節為單位。，以字節為單位。Value:Value:設定預先在窗口顯示的信息。設定預先在窗口顯示的信息。MaxlengthMaxlength：限制最多輸入的字節數。：限制最多輸入的字節數。2.5.2 FORM2.5.2 FORM中常用的標記中常用的標記 3 3）RADIORADIO單選按鈕單選按鈕這種類型為用戶提供單選按鈕進行選擇，只這種類型為用戶提供單選按鈕進行選擇，只能在多個選項中選擇一項。由于選擇是唯一的，能在多個選項中選擇一項。由于選擇是唯一的，因此屬性因此屬性namename取相同的值，但屬性取相同的值，但

27、屬性valuevalue的值的值各不相同。其他屬性的含義如下：各不相同。其他屬性的含義如下：Name:Name:與輸入值相對應的名稱。與輸入值相對應的名稱。Value:Value:每個選項對應的值。每個選項對應的值。checkedchecked：指明是否被用戶選中。：指明是否被用戶選中。2.5.2 FORM2.5.2 FORM中常用的標記中常用的標記 4 4）CHECKBOXCHECKBOX復選框復選框這種類型為用戶提供復選框進行選擇，在多這種類型為用戶提供復選框進行選擇，在多個選項中可以選擇一項或者多項。由于每一項個選項中可以選擇一項或者多項。由于每一項都可以被選擇，屬性都可以被選擇，屬性n

28、amename取相同的值，但屬性取相同的值，但屬性valuevalue的值各不相同。其他屬性的含義如下：的值各不相同。其他屬性的含義如下：Name:Name:與輸入值相對應的名稱。與輸入值相對應的名稱。Value:Value:每個選項對應的值。每個選項對應的值。checkedchecked：指明是否被用戶選中。：指明是否被用戶選中。2.5.2 FORM2.5.2 FORM中常用的標記中常用的標記 5 5）SUBMITSUBMIT提交按鈕提交按鈕這種類型在瀏覽器中產生一個提交按鈕，當這種類型在瀏覽器中產生一個提交按鈕，當用戶用鼠標單擊這個按鈕后，用戶的輸入信息用戶用鼠標單擊這個按鈕后，用戶的輸入

29、信息即被傳送到服務器。對于一個完整的表單，提即被傳送到服務器。對于一個完整的表單，提交按鈕是必不可少的。使用交按鈕是必不可少的。使用SUBMITSUBMIT時只有屬性時只有屬性namename和屬性和屬性ValueValue。其屬性的含義如下：。其屬性的含義如下：Name:Name:與輸入值相對應的名稱。與輸入值相對應的名稱。Value:Value:每個選項對應的值。每個選項對應的值。2.5.2 FORM2.5.2 FORM中常用的標記中常用的標記 6 6）RESETRESET重置按鈕重置按鈕這種類型在瀏覽器中產生一個重置按鈕，當這種類型在瀏覽器中產生一個重置按鈕，當用戶用鼠標單擊這個按鈕后，

30、用戶的輸入信息用戶用鼠標單擊這個按鈕后，用戶的輸入信息全部被清楚，以便用戶重新輸入。同全部被清楚，以便用戶重新輸入。同SUBMITSUBMIT一一樣，樣，resetreset類型只有屬性類型只有屬性namename和屬性和屬性ValueValue。其。其屬性的含義如下：屬性的含義如下：Name:Name:與輸入值相對應的名稱。與輸入值相對應的名稱。Value:Value:每個選項對應的值。每個選項對應的值。2.5.2 FORM2.5.2 FORM中常用的標記中常用的標記 7 7）HiddenHidden隱藏域隱藏域這種類型將這種類型將InputInput標記的區域隱藏起來，標記的區域隱藏起來，

31、使之不出現在屏幕中，其作用主要是為了處使之不出現在屏幕中，其作用主要是為了處理程序方便，在發送表單時發送幾個不需要理程序方便，在發送表單時發送幾個不需要用戶填寫但是程序又需要的數據。用戶填寫但是程序又需要的數據。（2 2）多行輸入域標記）多行輸入域標記用于多行文本輸入域（許多瀏覽器限制用于多行文本輸入域（許多瀏覽器限制文本域中的內容不得超過文本域中的內容不得超過32KB32KB或者或者64KB64KB）標記屬性標記屬性功能功能name=cdata設置設置FORM提交的輸入信息的名稱提交的輸入信息的名稱rows=num設置文本域的行數設置文本域的行數cols= num設置文本域的列數設置文本域的

32、列數tabindex=num設置設置tab鍵的次序鍵的次序2 2按鈕按鈕格式：格式：功能：定義按鈕。功能：定義按鈕。標記屬性標記屬性功能功能name=cdata設置已發送表單的關鍵字。設置已發送表單的關鍵字。value=cdata設置已發送表單的值。設置已發送表單的值。type= buttontype設置按鈕的類型。設置按鈕的類型。tabindex=num設置設置tab鍵的次序。鍵的次序。3 3選擇域選擇域格式：格式： 選項一選項一 選項二選項二 功能：定義選擇欄。（類似于下拉列表框）功能：定義選擇欄。（類似于下拉列表框） （見（見2-6.html2-6.html）3 3選擇域選擇域屬性屬性N

33、ame=cdata Name=cdata 設置選項欄的名字設置選項欄的名字Size=num Size=num 設置在選項欄中一次可見的選項設置在選項欄中一次可見的選項個數個數Multiple Multiple 設置選項欄是否支持多選設置選項欄是否支持多選屬性屬性Value=cdata Value=cdata 設置選項的初始值設置選項的初始值Selected Selected 表示此選項為預置項表示此選項為預置項2.6.1 2.6.1 框架結構的文件格式框架結構的文件格式（見例（見例2-14.html2-14.html） 2.6.2 2.6.2 框架結構標記的使用框架結構標記的使用 格式：格式：

34、標記屬性標記屬性功能功能rows=size設置多重框架的高度設置多重框架的高度cols =size設置多重框架的寬度設置多重框架的寬度onload=script設置框架被載入的事件設置框架被載入的事件onunload=script 設置框架被卸載的事件設置框架被卸載的事件Frameset的其他屬性：的其他屬性：Frameborder 取值為1或0，0表示不要邊框，1顯示邊框，無法調整粗細。Framespacing=num 表示框架與框架間保留空白的距離，以免看起來太擠。Border=num 設定邊框的厚度。Bordercolor=colorvalue 設定框架的邊框顏色。2.6.3 FRAME

35、2.6.3 FRAME標記標記 ( (例例2-14.html,2-7.html)2-14.html,2-7.html) 標記屬性標記屬性功能功能src=URL設置要鏈接到的設置要鏈接到的HTML文件文件name=framename表示子窗口的名字表示子窗口的名字marginwidth=size用來控制顯示內容和窗口左右邊界的距離，默認為用來控制顯示內容和窗口左右邊界的距離，默認為1marginheight= size用來控制顯示內容和窗口上下邊界的距離，默認為用來控制顯示內容和窗口上下邊界的距離，默認為1scrolling=scrollingstyle 指定子窗口是否使用滾動條，有指定子窗口是

36、否使用滾動條，有YES/NO/AUTO三三個值，默認個值，默認AUTO，即根據窗口內容決定是否有滾動，即根據窗口內容決定是否有滾動條條noresize使用該屬性后，指定窗口不能調整窗口大小使用該屬性后，指定窗口不能調整窗口大小注意事項：注意事項：（1）注意：在老版本的瀏覽器可能不支持框注意：在老版本的瀏覽器可能不支持框架結構。架結構。 （2 2）在文檔中，如果使用了）在文檔中，如果使用了,就不就不應該有應該有標記。標記。（3 3）在）在中可以包含多個框架，可中可以包含多個框架，可以嵌套使用以嵌套使用標記。標記。（4 4）在框架頁面中，每個子窗口對應一個在框架頁面中，每個子窗口對應一個FRAME

37、。TARGET屬性三種常見的用法：屬性三種常見的用法：1 1用于用于A A標記標記 2 2用于用于BASEBASE標記標記 標簽為頁面上的所有鏈接規定默認地址或標簽為頁面上的所有鏈接規定默認地址或默認目標。默認目標。3 3用于用于FORMFORM標記標記FORM ACTION= “” TARGET=“WINDOWS_NAME” 其中WINDOWS_NAMEWINDOWS_NAME可以預先在可以預先在FRAMEFRAME標記中用標記中用NAMENAME屬性設定。屬性設定。 TARGET的四種常見的方式：的四種常見的方式：1._blank:1._blank:指鏈接的對象將在一個新的瀏指鏈接的對象將

38、在一個新的瀏覽器窗體中打開；覽器窗體中打開；2._self:2._self:指鏈接的對象在同一瀏覽器窗指鏈接的對象在同一瀏覽器窗口中顯示；口中顯示；3._top:3._top:指鏈接的對象在同一瀏覽器窗口指鏈接的對象在同一瀏覽器窗口的整個窗體中顯示，即使在設置了框架的的整個窗體中顯示，即使在設置了框架的情況下也將填充到整個窗體；情況下也將填充到整個窗體；4._parent:4._parent:指鏈接的對象在該瀏覽器的指鏈接的對象在該瀏覽器的父窗口中顯示。父窗口中顯示。2.7.1 CSS樣式簡介樣式簡介( (例例2-15.html)2-15.html)CSS（Cascading Style Sh

39、eets，層疊樣式表），又稱，層疊樣式表），又稱格式頁，它定義很多樣式定義方式來輔助格式頁，它定義很多樣式定義方式來輔助HTMLHTML。 使用使用CSS可以更加精確地控制網頁的布局，當很多網可以更加精確地控制網頁的布局，當很多網頁使用同一種標記時，只需要修改一個頁使用同一種標記時，只需要修改一個.CSS文件就可以文件就可以更改多個網頁的外觀和格式。更改多個網頁的外觀和格式。 通過通過CSSCSS可以控制任何可以控制任何HTMLHTML標記的樣式，如標記的樣式，如,等。等。但是有些瀏覽器不支持但是有些瀏覽器不支持CSSCSS，所以要將，所以要將中間的文字使用中間的文字使用括起來，括起來，這樣當遇到不支持這樣當遇到不支持CSSCSS的瀏覽器時，不會將其中的代碼顯的瀏覽器時，不會將其中的代碼顯示出來。示出來。2.7.2 CSS樣式表的定義樣式表的定義 1通過通過HTML標記定義標記定義 ( (例例2-16.html)2-16.html) 可以定義任何一個可以定義任何一個HTML標記，定義時在屬性和屬性值之標記，定義時在屬性和屬性值之間用間用“：”隔開，當有多重屬性時，使用隔開，當有多重屬性時，使用“；”進行分隔。進行分隔。 2用用id屬性定義樣式表屬性定義樣式表 ( (例例2-17.html)2-17.html)盡管任何一個盡管任何一個HTMLHTM