網(wǎng)頁(yè)設(shè)計(jì)HTML代碼教程

1、.網(wǎng)頁(yè)設(shè)計(jì)HTML代碼教程教程一、基本標(biāo)志教程六、鏈接標(biāo)志教程二、格式標(biāo)志教程七、幀標(biāo)志教程三、文本標(biāo)志教程八、表單標(biāo)志教程四、圖像標(biāo)志教程九、聲音標(biāo)志教程五、表格標(biāo)志 教 程 HTML 基本標(biāo)志教程一、基本標(biāo)志1.2.3.4. Html是英文 HyperText Markup Language 的縮寫，中文意思是“超文本標(biāo)志語(yǔ)言”，用它編寫的文件(文檔)的擴(kuò)展名是.html或.htm，它們是可供瀏覽器解釋瀏覽的文件格式。您可以使用記事本、寫字板或 FrontPage Editor 等編輯工具來(lái)編寫Html文件。Html語(yǔ)言使用標(biāo)志對(duì)的方法編寫文件，既簡(jiǎn)單又方便，它通常使用來(lái)表示標(biāo)志的開(kāi)始和結(jié)

2、束(例如標(biāo)志對(duì))，因此在Html文檔中這樣的標(biāo)志對(duì)都必須是成對(duì)使用的。在此教程中，我先講一下Html的基本標(biāo)志：1. 標(biāo)志用于Html文檔的最前邊，用來(lái)標(biāo)識(shí)Html文檔的開(kāi)始。而標(biāo)志恰恰相反，它放在Html文檔的最后邊，用來(lái)標(biāo)識(shí)Html文檔的結(jié)束，兩個(gè)標(biāo)志必須一塊使用。2. 和構(gòu)成Html文檔的開(kāi)頭部分，在此標(biāo)志對(duì)之間可以使用、等等標(biāo)志對(duì)，這些標(biāo)志對(duì)都是描述Html文檔相關(guān)信息的標(biāo)志對(duì)，標(biāo)志對(duì)之間的內(nèi)容是不會(huì)在瀏覽器的框內(nèi)顯示出來(lái)的。兩個(gè)標(biāo)志必須一塊使用。3. 是Html文檔的主體部分，在此標(biāo)志對(duì)之間可包含、等等眾多的標(biāo)志，它們所定義的文本、圖像等將會(huì)在瀏覽器的框內(nèi)顯示出來(lái)。兩個(gè)標(biāo)志必須一塊使

3、用。標(biāo)志中還可以有以下屬性： 屬性用途示例設(shè)置背景顏色。紅色背景設(shè)置文本顏色。藍(lán)色文本設(shè)置鏈接顏色。鏈接為藍(lán)色設(shè)置已使用的鏈接的顏色。設(shè)置正在被擊中的鏈接的顏色。 說(shuō)明:以上各個(gè)屬性可以結(jié)合使用，如。引號(hào)內(nèi)的rrggbb是用六個(gè)十六進(jìn)制數(shù)表示的RGB(即紅、綠、藍(lán)三色的組合)顏色，如#ff0000對(duì)應(yīng)的是紅色。此外，還可以使用Html語(yǔ)言所給定的常量名來(lái)表示顏色：Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal，如表示標(biāo)志對(duì)中的文本使用藍(lán)色顯示在瀏覽器的框內(nèi)

4、。4. 使用過(guò)瀏覽器的人可能都會(huì)注意到瀏覽器窗口最上邊藍(lán)色部分顯示的文本信息，那些信息一般是網(wǎng)頁(yè)的“主題”，要將您的網(wǎng)頁(yè)的主題顯示到瀏覽器的頂部其實(shí)很簡(jiǎn)單，只要在標(biāo)志對(duì)之間加入您要顯示的文本即可。注意：標(biāo)志對(duì)只能放在標(biāo)志對(duì)之間。 下面是一個(gè)綜合的例子，仔細(xì)閱讀，您便可以了解以上各個(gè)標(biāo)志對(duì)在一個(gè)Html文檔中的布局或所使用的位置。例1 Html文檔中基本標(biāo)志的使用顯示在瀏覽器最上邊藍(lán)色條中的文本紅色背景、藍(lán)色文本返回 教 程 HTML 格式標(biāo)志教程二、格式標(biāo)志1.2.3.4.5.6. 上一個(gè)教程中我們講了Html文檔的基本標(biāo)志，但我們還不知道怎樣在瀏覽器中顯示文本之類的東西，這正是我們?cè)诮坛潭?/p>

5、將要談到的。在學(xué)習(xí)之前，必須強(qiáng)調(diào)一下，我們這個(gè)教程中所講的格式標(biāo)志統(tǒng)統(tǒng)都是用于標(biāo)志對(duì)之間的。1. 標(biāo)志對(duì)是用來(lái)創(chuàng)建一個(gè)段落，在此標(biāo)志對(duì)之間加入的文本將按照段落的格式顯示在瀏覽器上。另外，標(biāo)志還可以使用align屬性，它用來(lái)說(shuō)明對(duì)齊方式，語(yǔ)法是：。align可以是Left(左對(duì)齊)、Center(居中)和Right(右對(duì)齊)三個(gè)值中的任何一個(gè)。如表示標(biāo)志對(duì)中的文本使用居中的對(duì)齊方式。2. 是一個(gè)很簡(jiǎn)單的標(biāo)志，它沒(méi)有結(jié)束標(biāo)志，因?yàn)樗脕?lái)創(chuàng)建一個(gè)回車換行，這么一說(shuō)我想您該會(huì)使用了吧。在的使用上還有一定的技巧，如果您把加在標(biāo)志對(duì)的外邊，將創(chuàng)建一個(gè)大的回車換行，即前邊和后邊的文本的行與行之間的距離比較大

6、，若放在的里邊則前邊和后邊的文本的行與行之間的距離將比較小，您不妨試試看。3. 在標(biāo)志對(duì)之間加入的文本將會(huì)在瀏覽器中按兩邊縮進(jìn)的方式顯示出來(lái)。4. 用來(lái)創(chuàng)建一個(gè)普通的列表，用來(lái)創(chuàng)建列表中的上層項(xiàng)目，用來(lái)創(chuàng)建列表中最下層項(xiàng)目，和都必須放在標(biāo)志對(duì)之間?？匆幌孪逻叺睦幽蜁?huì)明白了：例2 創(chuàng)建一個(gè)普通列表一個(gè)普通列表 中國(guó)城市 北京 上海 廣州 美國(guó)城市 華盛頓 芝加哥 紐約 此例在瀏覽器中的顯示如下: 中國(guó)城市 北京 上海 廣州 美國(guó)城市 華盛頓 芝加哥 紐約 5. 標(biāo)志對(duì)用來(lái)創(chuàng)建一個(gè)標(biāo)有數(shù)字的列表；標(biāo)志對(duì)用來(lái)創(chuàng)建一個(gè)標(biāo)有圓點(diǎn)的列表；標(biāo)志對(duì)只能在或標(biāo)志對(duì)之間使用，此標(biāo)志對(duì)用來(lái)創(chuàng)建一個(gè)列表項(xiàng)，若放在

7、之間則每個(gè)列表項(xiàng)加上一個(gè)數(shù)字，若在之間則每個(gè)列表項(xiàng)加上一個(gè)圓點(diǎn)。請(qǐng)看下邊的例子：例3 標(biāo)有數(shù)字或圓點(diǎn)的列表中國(guó)城市 北京 上海 廣州 美國(guó)城市 華盛頓 芝加哥 紐約 此例在瀏覽器中的顯示如下: 中國(guó)城市 1. 北京 2. 上海 3. 廣州 美國(guó)城市 華盛頓 芝加哥 紐約 6. 標(biāo)志對(duì)用來(lái)排版大塊Html段落，也用于格式化表，此標(biāo)志對(duì)的用法與標(biāo)志對(duì)非常相似，同樣有align對(duì)齊方式屬性，讀者可以自己試試看。返回 教 程 HTML 文本標(biāo)志教程三、文本標(biāo)志1.2.3.4.5. 上一個(gè)教程中我們已經(jīng)講了如何在瀏覽器中輸出文本，以及文本輸出的格式，這個(gè)教程中我們將談一談文本輸出的字體，如斜體、黑體字、

8、下加一劃線等等。在本教程的最后給出了一個(gè)文本標(biāo)志的綜合示例，希望讀者能認(rèn)真閱讀。1. 標(biāo)志對(duì)用來(lái)對(duì)文本進(jìn)行預(yù)處理操作。2. Html語(yǔ)言提供了一系列對(duì)文本中的標(biāo)題進(jìn)行操作的標(biāo)志對(duì)：，即一共有六對(duì)標(biāo)題的標(biāo)志對(duì)。是最大的標(biāo)題，而則是最小的標(biāo)題，也即是標(biāo)志中 h 后面的數(shù)字越大標(biāo)題文本就越小。如果您的Html文檔中需要輸出標(biāo)題文本的話，便可以使用這六對(duì)標(biāo)題標(biāo)志對(duì)中的任何一對(duì)。3. 經(jīng)常使用 WORD 的人對(duì)這三對(duì)標(biāo)志對(duì)一定很快就能掌握。用來(lái)使文本以黑體字的形式輸出；用來(lái)使文本以斜體字的形式輸出；用來(lái)使文本以下加一劃線的形式輸出。后邊將會(huì)有一個(gè)綜合的例子，所以此處就不再作詳細(xì)講解了。4. 這些標(biāo)志對(duì)的

9、用法和上邊的一樣，差別只是在于輸出的文本字體不太一樣而已。用來(lái)輸出打字機(jī)風(fēng)格字體的文本；用來(lái)輸出引用方式的字體，通常是斜體；用來(lái)輸出需要強(qiáng)調(diào)的文本(通常是斜體加黑體)；則用來(lái)輸出加重文本(通常也是斜體加黑體)。這些標(biāo)志對(duì)的示例也將在后邊綜合的例子中出現(xiàn)。5. 是一對(duì)很有用的標(biāo)志對(duì)，它可以對(duì)輸出文本的字體大小、顏色進(jìn)行隨意地改變，這些改變主要是通過(guò)對(duì)它的兩個(gè)屬性 size 和 color 的控制來(lái)實(shí)現(xiàn)的。size屬性用來(lái)改變字體的大小，它可以取值：-1、1和+1；而color屬性則用來(lái)改變文本的顏色，顏色的取值是我們?cè)诮坛桃恢兄v過(guò)的十六進(jìn)制RGB顏色碼或Html語(yǔ)言給定的顏色常量名。具體用法請(qǐng)看

10、下邊綜合的例子。例4 文本標(biāo)志的綜合示例文本標(biāo)志的綜合示例最大的標(biāo)題使用h3的標(biāo)題最大的標(biāo)題黑體字文本 斜體字文本 下加一劃線文本 打字機(jī)風(fēng)格的文本引用方式的文本強(qiáng)調(diào)的文本加重的文本size取值“+1”、color取值“red”時(shí)的文本 本例在瀏覽器中顯示的結(jié)果如下：最大的標(biāo)題使用h3的標(biāo)題最大的標(biāo)題黑體字文本 斜體字文本 下加一劃線文本 打字機(jī)風(fēng)格的文本引用方式的文本強(qiáng)調(diào)的文本加重的文本size取值“+1”、color取值“red”時(shí)的文本返回 教 程 HTML 圖像標(biāo)志教程四、圖像標(biāo)志1.2. 再簡(jiǎn)單樸素的網(wǎng)頁(yè)如果只有文字而沒(méi)有圖像的話將失去許多活力，圖像在網(wǎng)頁(yè)制作中是非常重要的一個(gè)方面，

11、Html語(yǔ)言也專門提供了標(biāo)志來(lái)處理圖像的輸出。1. 標(biāo)志并不是真正地把圖像給加入到Html文檔中，而是將標(biāo)志對(duì)的src屬性賦值，這個(gè)值是圖形文件的文件名，當(dāng)然包括路徑，這個(gè)路徑可以是相對(duì)路徑，也可以是網(wǎng)址。實(shí)際上就是通過(guò)路徑將圖形文件嵌入到您的文檔中。您可能并不知道什么是相對(duì)路徑，我現(xiàn)在就來(lái)講一講相對(duì)路徑。所謂相對(duì)路徑是指您所要鏈接或嵌入到當(dāng)前Html文檔的文件與當(dāng)前文件的相對(duì)位置所形成的路徑。假如您的Html文件與圖形文件(文件名假設(shè)是logo.gif)在同一個(gè)目錄下，則可以將代碼寫成；假如您的圖形文件放在當(dāng)前的Html文檔所在目錄的一個(gè)子目錄(子目錄名假設(shè)是images)下，則代碼應(yīng)為；假

12、如您的圖形文件放在當(dāng)前的Html文檔所在目錄的上層目錄(目錄名假設(shè)是home)下，則相對(duì)路徑就必須是準(zhǔn)網(wǎng)址了，即用“./”表示您的網(wǎng)站，然后在后邊緊跟文件在您的網(wǎng)站中的路徑，假設(shè)home是您的網(wǎng)站下的一個(gè)目錄，則代碼應(yīng)為，若home是您的網(wǎng)站下的目錄king下邊的一個(gè)子目錄，則代碼應(yīng)該變?yōu)榱恕，F(xiàn)在您對(duì)相對(duì)路徑應(yīng)該有所了解了吧！ 必須強(qiáng)調(diào)一下，src屬性在標(biāo)志中是必須賦值的，是標(biāo)志中不可缺少的一部分。除此之外，標(biāo)志還有alt、align、border、width和height屬性。align是圖像的對(duì)齊方式，在前邊的教程中已經(jīng)講了很多了，這里就不再提了。border屬性是圖像的邊框，可以取大于或

13、者等于0的整數(shù)，默認(rèn)單位是像素。width和Height屬性是圖像的寬和高，默認(rèn)單位也是象素。alt屬性是當(dāng)鼠標(biāo)移動(dòng)到圖像上時(shí)顯示的文本。2. 標(biāo)志是在Html文檔中加入一條水平線，它可以直接使用，具有size、color、width和noshade屬性。size是設(shè)置水平線的厚度，而width是設(shè)定水平線的寬度，默認(rèn)單位是像素。想必大家對(duì)color屬性已經(jīng)很熟悉了，在此就不再用多講。noshade屬性不用賦值，而是直接加入標(biāo)志即可使用，它是用來(lái)加入一條沒(méi)有陰影的水平線(不加入此屬性水平線將有陰影)。 下面是本教程的一個(gè)綜合例子。例5 圖像標(biāo)志舉例圖像標(biāo)志的綜合示例 本例在瀏覽其中的顯示結(jié)果如

14、下：返回 教 程 HTML 表格標(biāo)志教程五、表格標(biāo)志1.2.3. 表格標(biāo)志對(duì)于制作網(wǎng)頁(yè)是很重要的，我希望您能記住這一點(diǎn)，現(xiàn)在很多很多網(wǎng)頁(yè)都是使用多重表格，主要是因?yàn)楸砀癫坏梢怨潭ㄎ谋净驁D像的輸出，而且還可以任意的進(jìn)行背景和前景顏色的設(shè)置。但愿您也能熟練使用表格來(lái)制作您的主頁(yè)。1. 標(biāo)志對(duì)用來(lái)創(chuàng)建一個(gè)表格。它有以下屬性： 屬性用途設(shè)置表格的背景色。設(shè)置邊框的寬度，若不設(shè)置此屬性，則邊框?qū)挾饶J(rèn)為0。設(shè)置邊框的顏色。設(shè)置邊框明亮部分的顏色(當(dāng)border的值大于等于1時(shí)才有用)。設(shè)置邊框昏暗部分的顏色(當(dāng)border的值大于等于1時(shí)才有用)。 設(shè)置表格格子之間空間的大小。 設(shè)置表格格子邊框與其內(nèi)

15、部?jī)?nèi)容之間空間的大小。設(shè)置表格的寬度，單位用絕對(duì)像素值或總寬度的百分比。 說(shuō)明:以上各個(gè)屬性可以結(jié)合使用。有關(guān)寬度、大小的單位用絕對(duì)像素值。而有關(guān)顏色的屬性使用十六進(jìn)制RGB顏色碼或Html語(yǔ)言給定的顏色常量名(如 Silver 為銀色)2. 標(biāo)志對(duì)用來(lái)創(chuàng)建表格中的每一行。此標(biāo)志對(duì)只能放在標(biāo)志對(duì)之間使用，而在此標(biāo)志對(duì)之間加入文本將是無(wú)用的，因?yàn)樵谥g只能緊跟標(biāo)志對(duì)才是有效的語(yǔ)法，標(biāo)志對(duì)用來(lái)創(chuàng)建表格中一行中的每一個(gè)格子，此標(biāo)志對(duì)也只有放在標(biāo)志對(duì)之間才是有效的，您想要輸入的文本也只有放在標(biāo)志對(duì)中才有效(即才能夠顯示出來(lái))。、和標(biāo)志對(duì)的關(guān)系如下所示：最外層,創(chuàng)建一個(gè)表格- 創(chuàng)建一行- 創(chuàng)建一個(gè)格子(

16、這里總共創(chuàng)建了三個(gè)格子)-要輸出的文本只能放在此處要輸出的文本只能放在此處要輸出的文本只能放在此處最外層- 此外，還有align和valign屬性。align是水平對(duì)齊方式，取值為left(左對(duì)齊)、center(居中)、right(右對(duì)齊)；而valign是垂直對(duì)齊方式，取值為top(靠頂端對(duì)齊)、middle(居中間對(duì)齊)或bottom(靠底部對(duì)齊)。具有width、colspan、rowspan和nowrap屬性。width是格子的寬度，單位用絕對(duì)像素值或總寬度的百分比；colspan設(shè)置一個(gè)表格格子跨占的列數(shù)(缺省值為1)；rowspan設(shè)置一個(gè)表格格子跨占的行數(shù)(缺省值為1)；now

17、rap禁止表格格子內(nèi)的內(nèi)容自動(dòng)斷行。3. 標(biāo)志對(duì)用來(lái)設(shè)置表格頭，通常是黑體居中文字。 看一看下邊的例子就明白以上標(biāo)志對(duì)的用法了。例6 表格標(biāo)志的綜合示例表格標(biāo)志的綜合示例 意大利 英格蘭 西班牙 AC米蘭 佛羅倫薩 曼聯(lián) 紐卡斯?fàn)?巴塞羅那 皇家社會(huì) 尤文圖斯 桑普多利亞 利物浦 阿申納 皇家馬德里 拉齊奧 國(guó)際米蘭 切爾西 米德?tīng)査贡?馬德里競(jìng)技 本例在瀏覽器中顯示的結(jié)果如下： 意大利英格蘭西班牙AC米蘭佛羅倫薩曼聯(lián)紐卡斯?fàn)柊腿_那皇家社會(huì)尤文圖斯桑普多利亞利物浦阿申納皇家馬德里拉齊奧國(guó)際米蘭切爾西米德?tīng)査贡ゑR德里競(jìng)技返回 教 程 HTML 鏈接標(biāo)志教程六、鏈接標(biāo)志1.2. 教程六的內(nèi)容不是

18、很多，而且很簡(jiǎn)單。鏈接是Html語(yǔ)言的一大特色，正因?yàn)橛辛怂?，我們?duì)內(nèi)容的瀏覽才能夠具有靈活性和網(wǎng)絡(luò)性。1. 本標(biāo)志對(duì)的屬性href是無(wú)論如何不可缺少的，標(biāo)志對(duì)之間加入需要鏈接的文本或圖像(鏈接圖像即加入標(biāo)志)。href的值可以是URL形式，即網(wǎng)址或相對(duì)路徑，也可以是mailto:形式，即發(fā)送E-Mail形式。對(duì)于第一種情況，語(yǔ)法為，這就能創(chuàng)建一個(gè)超文本鏈接了，例如： a href= 對(duì)于第二種情況，語(yǔ)法為，這就創(chuàng)建了一個(gè)自動(dòng)發(fā)送電子郵件的鏈接，mailto:后邊緊跟想要制動(dòng)發(fā)送的電子郵件的地址(即E-Mail地址)，例如： 這是我的電子信箱(E-Mail信箱) 此外，還具有target屬性，

19、此屬性用來(lái)指明瀏覽的目標(biāo)幀，我們將在講幀標(biāo)志時(shí)作詳細(xì)的說(shuō)明，這里您只要知道如果不使用target屬性，當(dāng)瀏覽者點(diǎn)擊了鏈接之后將在原來(lái)的瀏覽器窗口中瀏覽新的Html文檔，若target的值等于“_blank”，點(diǎn)擊鏈接后將會(huì)打開(kāi)一個(gè)新的瀏覽器窗口來(lái)瀏覽新的Html文檔。例如： 這是我的網(wǎng)站2. 標(biāo)志對(duì)要結(jié)合標(biāo)志對(duì)使用才有效果。標(biāo)志對(duì)用來(lái)在Html文檔中創(chuàng)建一個(gè)標(biāo)簽(即做一個(gè)記號(hào))，屬性name是不可缺少的，它的值也即是標(biāo)簽名，例如： 此處創(chuàng)建了一個(gè)標(biāo)簽 創(chuàng)建標(biāo)簽是為了在Html文檔中創(chuàng)建一些鏈接，以便能夠找到同一文檔中的有標(biāo)簽的地方。要找到標(biāo)簽所在地，就必須使用標(biāo)志對(duì)。例如要找到“標(biāo)簽名”這個(gè)標(biāo)

20、簽，就要編寫如下代碼： 點(diǎn)擊此處將使瀏覽器跳到“標(biāo)簽名”處 注意：href屬性賦的值若是標(biāo)簽的名字，必須在標(biāo)簽名前邊加一個(gè)“#”號(hào)。 下面是本教程的一個(gè)綜合示例：例7 鏈接標(biāo)志的綜合示例鏈接標(biāo)志的綜合示例創(chuàng)建標(biāo)簽處歡迎想要學(xué)習(xí)網(wǎng)頁(yè)制作的同學(xué)訪問(wèn)我的網(wǎng)站本網(wǎng)站的主要內(nèi)容Html教程動(dòng)態(tài)Html教程ASP教程JavaScript教程VBScript教程友情鏈接我要留言作者介紹歡迎給我來(lái)信，我的E-Mail是：xiaolida點(diǎn)擊此處回到標(biāo)簽處 本例在瀏覽器中顯示的結(jié)果如下： 返回 教 程 HTML 幀標(biāo)志教程七、幀標(biāo)志1.2.3. 幀是由英文Frame翻譯過(guò)來(lái)的，它可以用來(lái)向?yàn)g覽器窗口中裝載多個(gè)H

21、tml文件。即每個(gè)Html文件占據(jù)一個(gè)幀，而多個(gè)幀可以同時(shí)顯示在同一個(gè)瀏覽器窗口中，它們組成了一個(gè)最大的幀，也即是一個(gè)包含多個(gè)Html文檔的Html文件(我稱它為主文檔)。幀通常的使用方法是在一個(gè)幀中放置目錄(即可供選擇的鏈接)，然后將Html文件顯示在另一個(gè)幀中。1. 標(biāo)志對(duì)放在幀的主文檔的標(biāo)志對(duì)的外邊，也可以嵌在其他幀文檔中，并且可以嵌套使用。此標(biāo)志對(duì)用來(lái)定義主文檔中有幾個(gè)幀并且各個(gè)幀是如何排列的。它具有rows和cols屬性，使用標(biāo)志時(shí)這兩個(gè)屬性至少必須選擇一個(gè)，否則瀏覽器只顯示第一個(gè)定義的幀，剩下的一概不管，標(biāo)志對(duì)也就沒(méi)有起到任何作用了。rows用來(lái)規(guī)定主文檔中各個(gè)幀的行定位，而col

22、s用來(lái)規(guī)定主文檔中各個(gè)幀的列定位。這兩個(gè)屬性的取值可以是百分?jǐn)?shù)、絕對(duì)像素值或星號(hào)(“*”)，其中星號(hào)代表那些未被說(shuō)明的空間，如果同一個(gè)屬性中出現(xiàn)多個(gè)星號(hào)則將剩下的未被說(shuō)明的空間平均分配。同時(shí)，所有的幀按照rows和cols的值從左到右，然后從上到下排列。示例如下： 總共有三個(gè)按列排列的幀,每個(gè)幀占整個(gè)瀏覽器窗口的1/3總共有三個(gè)按行排列的幀,第一個(gè)幀占整個(gè)瀏覽器窗口的40%,剩下的空間平均分配給另外兩個(gè)幀總共有六個(gè)幀,先是在第一行中從左到右排列三個(gè)幀,然后在第二行中從左到右再排列三個(gè)幀,即兩行三列,所占空間依據(jù)rows和cols屬性的值,其中200的單位是像素2. 標(biāo)志放在之間，用來(lái)定義某一個(gè)

23、具體的幀。標(biāo)志具有src和name屬性，這兩個(gè)屬性都是必須賦值的。src是此幀的源Html文件名(包括網(wǎng)絡(luò)路徑,即相對(duì)路徑或網(wǎng)址)，瀏覽器將會(huì)在此幀中顯示src指定的Html文件；name是此幀的名字，這個(gè)名字是用來(lái)供超文本鏈接標(biāo)志中的target屬性用來(lái)指定鏈接的Html文件將顯示在哪一個(gè)幀中。例如定義了一個(gè)幀，名字是main，在幀中顯示的Html文件名是jc.htm，則代碼是，當(dāng)您有一個(gè)鏈接，在點(diǎn)擊了這個(gè)鏈接后，文件new.htm將要顯示在名為main的幀中，則代碼為需要鏈接的文本。這樣一來(lái)，就可以在一個(gè)幀中建立網(wǎng)站的目錄，加入一系列鏈接，當(dāng)點(diǎn)擊鏈接以后在另一個(gè)幀中顯示被鏈接的Html文件

24、。此外，標(biāo)志還有scrolling和noresize屬性，scrolling用來(lái)指定是否顯示滾動(dòng)軸，取值可以是“yes”(顯示)、“no”(不顯示)或“auto”(若需要?jiǎng)t會(huì)自動(dòng)顯示,不需要?jiǎng)t自動(dòng)不顯示)。noresize屬性直接加入標(biāo)志中即可使用，不需賦值，它用來(lái)禁止用戶調(diào)整一個(gè)幀的大小。3. 標(biāo)志對(duì)也是放在標(biāo)志對(duì)之間，用來(lái)在那些不支持幀的瀏覽器中顯示文本或圖像信息。在此標(biāo)志對(duì)之間先緊跟標(biāo)志對(duì)，然后才可以使用我們?cè)诮坛唐咭郧爸v過(guò)的任何標(biāo)志。 下邊是一個(gè)綜合示例：例8 幀標(biāo)志的綜合示例主文檔：幀標(biāo)志的綜合示例對(duì)不起，您的瀏覽器不支持“幀”！menu.htm目錄目錄鏈接到第一頁(yè)鏈接到第二頁(yè)pag

25、e1.htm第一頁(yè)這是第一頁(yè)！page2.htm第二頁(yè)這是第二頁(yè)！返回 教 程 HTML 表單標(biāo)志教程八、表單標(biāo)志1.2.3.4. 表單在Web網(wǎng)頁(yè)中用來(lái)給訪問(wèn)者填寫信息，從而能獲得用戶信息，使網(wǎng)頁(yè)具有交互的功能。一般是將表單設(shè)計(jì)在一個(gè)Html文檔中，當(dāng)用戶填寫完信息后做提交(submit)操作，于是表單的內(nèi)容就從客戶端的瀏覽器傳送到服務(wù)器上，經(jīng)過(guò)服務(wù)器上的 ASP 或 CGI 等處理程序處理后，再將用戶所需信息傳送回客戶端的瀏覽器上，這樣網(wǎng)頁(yè)就具有了交互性。這里我們只講怎樣使用Html標(biāo)志來(lái)設(shè)計(jì)表單。1. 標(biāo)志對(duì)用來(lái)創(chuàng)建一個(gè)表單，也即定義表單的開(kāi)始和結(jié)束位置，在標(biāo)志對(duì)之間的一切都屬于表單的內(nèi)

26、容。標(biāo)志具有action、method和target屬性。action的值是處理程序的程序名(包括網(wǎng)絡(luò)路徑:網(wǎng)址或相對(duì)路徑)，如：form action= GET 和 POST 的其中一個(gè)。GET方式是處理程序從當(dāng)前Html文檔中獲取數(shù)據(jù)，然而這種方式傳送的數(shù)據(jù)量是有所限制的，一般限制在1KB以下。POST方式與GET方式相反，它是當(dāng)前的Html文檔把數(shù)據(jù)傳送給處理程序，傳送的數(shù)據(jù)量要比使用GET方式的大的多。target屬性用來(lái)指定目標(biāo)窗口或目標(biāo)幀。2. 標(biāo)志用來(lái)定義一個(gè)用戶輸入?yún)^(qū)，用戶可在其中輸入信息。此標(biāo)志必須放在標(biāo)志對(duì)之間。標(biāo)志中共提供了八種類型的輸入?yún)^(qū)域，具體是哪一種類型由type屬

27、性來(lái)決定。請(qǐng)看下邊列表： type屬性取值輸入?yún)^(qū)域類型輸入?yún)^(qū)域示例單行的文本輸入?yún)^(qū)域,size與maxlength屬性用來(lái)定義此種輸入?yún)^(qū)域顯示的尺寸大小與輸入的最大字符數(shù)將表單內(nèi)容提交給服務(wù)器的按鈕將表單內(nèi)容全部清除,重新填寫的按鈕一個(gè)復(fù)選框,checked屬性用來(lái)設(shè)置該復(fù)選框缺省時(shí)是否被選中,右邊示例中使用了三個(gè)復(fù)選框你喜歡哪些教程：Html入門動(dòng)態(tài)HtmlASP隱藏區(qū)域,用戶不能在其中輸入,用來(lái)預(yù)設(shè)某些要傳送的信息使用圖像來(lái)代替Submit按鈕,圖像的源文件名由src屬性指定,用戶點(diǎn)擊后,表單中的信息和點(diǎn)擊位置的X、Y坐標(biāo)一起傳送給服務(wù)器輸入密碼的區(qū)域,當(dāng)用戶輸入密碼時(shí),區(qū)域內(nèi)將會(huì)顯示*號(hào)

28、請(qǐng)輸入您的密碼：?jiǎn)芜x按鈕類型,checked屬性用來(lái)設(shè)置該單選框缺省時(shí)是否被選中,右邊示例中使用了三個(gè)單選框10月3日中韓國(guó)奧隊(duì)比賽結(jié)果會(huì)是：中國(guó)勝平局韓國(guó)勝此外，八種類型的輸入?yún)^(qū)域有一個(gè)公共的屬性name，此屬性給每一個(gè)輸入?yún)^(qū)域一個(gè)名字。這個(gè)名字與輸入?yún)^(qū)域是一一對(duì)應(yīng)的，即一個(gè)輸入?yún)^(qū)域?qū)?yīng)一個(gè)名字。服務(wù)器就是通過(guò)調(diào)用某一輸入?yún)^(qū)域的名字的value屬性來(lái)獲得該區(qū)域的數(shù)據(jù)的。而value屬性是另一個(gè)公共屬性，它可用來(lái)指定輸入?yún)^(qū)域的缺省值。3. 標(biāo)志對(duì)用來(lái)創(chuàng)建一個(gè)下拉列表框或可以復(fù)選的列表框。此標(biāo)志對(duì)用于標(biāo)志對(duì)之間。具有multiple、name和size屬性。multiple屬性不用賦值，直接加入

29、標(biāo)志中即可使用，加入了此屬性后列表框就成了可多選的了；name是此列表框的名字，它與上邊講的name屬性作用是一樣的；size屬性用來(lái)設(shè)置列表的高度，缺省時(shí)值為1，若沒(méi)有設(shè)置(加入)multiple屬性，顯示的將是一個(gè)彈出式的列表框。 標(biāo)志用來(lái)指定列表框中的一個(gè)選項(xiàng)，它放在標(biāo)志對(duì)之間。此標(biāo)志具有selected和value屬性，selected用來(lái)指定默認(rèn)的選項(xiàng)，value屬性用來(lái)給指定的那一個(gè)選項(xiàng)賦值，這個(gè)值是要傳送到服務(wù)器上的，服務(wù)器正是通過(guò)調(diào)用區(qū)域的名字的value屬性來(lái)獲得該區(qū)域選中的數(shù)據(jù)項(xiàng)的。請(qǐng)看下例：Html代碼瀏覽器顯示的結(jié)果 請(qǐng)選擇最喜歡的男歌星: 劉德華 張學(xué)友 郭富城 黎明

30、 請(qǐng)選擇最喜歡的男歌星: 請(qǐng)選擇最喜歡的女歌星: 張曼玉 王菲 田震 那英 請(qǐng)選擇最喜歡的女歌星:4. 用來(lái)創(chuàng)建一個(gè)可以輸入多行的文本框，此標(biāo)志對(duì)用于標(biāo)志對(duì)之間。具有name、cols和rows屬性。cols和rows屬性分別用來(lái)設(shè)置文本框的列數(shù)和行數(shù)，這里列與行是以字符數(shù)為單位的。請(qǐng)看下邊的例子：Html代碼瀏覽器顯示的結(jié)果 您的意見(jiàn)對(duì)我很重要: 請(qǐng)將意見(jiàn)輸入此區(qū)域 您的意見(jiàn)對(duì)我很重要: 返回 教 程 HTML 聲音標(biāo)志教程九、聲音標(biāo)志1.2.想在主頁(yè)中加入自己的聲音嗎?想讓別人進(jìn)入你的主頁(yè)時(shí)聽(tīng)到一聲親切的問(wèn)候或一段簡(jiǎn)要的介紹嗎?那么快跟我來(lái),輕松搞定,非常簡(jiǎn)單.一般說(shuō)來(lái)在主頁(yè)中加入聲音有三種方法，一是用標(biāo)志加入背景音樂(lè)；二是用標(biāo)志嵌入聲音；另外一種則是用ActiveX控件中的ActiveMovie控件。第三種方法稍微復(fù)雜一些，在網(wǎng)頁(yè)多媒體開(kāi)發(fā)方面有一定的用處。我