【文章內(nèi)容簡(jiǎn)介】 ody /html 告訴瀏覽器 HTML文件開始和結(jié)束 html…/html HTML文件的頭部標(biāo)記 head…/head body…/body HTML文件的主體標(biāo)記 title…/title 文檔名稱標(biāo)記 HTML文檔基本結(jié)構(gòu)如下： 鏈接標(biāo)記 連接 是指將文檔中的文本或者圖像與另一個(gè)文檔、文檔的一部分或者另一幅圖像等內(nèi)容鏈接在一起。 在 HTML中，鏈接的基本格式是： a href=” URL地址“ …/a 屬性 href是不可缺少的，其值可以是 URL形式或 mailto形式。 超鏈接的三種類型： 內(nèi)部鏈接：指向文檔內(nèi)部的鏈接 外部鏈接：指向非本地服務(wù)器上的文檔的鏈接 本地鏈接：指向本地服務(wù)器或計(jì)算機(jī)中文檔的鏈接 多媒體標(biāo)記 插入圖像 (1) 內(nèi)聯(lián)圖象 內(nèi)聯(lián)圖像 是指與 Web網(wǎng)頁中的文本一起下載和顯示的圖像，表現(xiàn)為文本和圖像顯示在同一網(wǎng)頁上，在 HTML文檔中插入圖像文件的格式如下 : img src=URL地址 align= border= width= height= alt= …/img 例 71 html head title插入內(nèi)聯(lián)圖像 /title /head h1內(nèi)聯(lián)圖像 /h1 body img src= align=left border=5 width=250 height=200 /body /html 例 71：內(nèi)聯(lián)圖像 運(yùn)行結(jié)果 多媒體標(biāo)記 插入圖像 (２ ) 外聯(lián)圖像 當(dāng)內(nèi)聯(lián)圖像很大時(shí)，瀏覽網(wǎng)頁時(shí)就需要花很長(zhǎng)的時(shí)間來下載圖片。解決這個(gè)問題的辦法是用文字或小的內(nèi)聯(lián)圖像來代表大圖像，而把大圖像當(dāng)作一個(gè)單獨(dú)的文檔，再把文字或者圖標(biāo)與大圖像鏈接在一起，當(dāng)用鼠標(biāo)單擊這個(gè)鏈接后，大圖像顯示在另一個(gè)窗口中，這種圖像就稱為外聯(lián)圖像 鏈接外聯(lián)圖像可以使用下面的語句： a href=URL地址 …/a 例 7２ html head title外聯(lián)圖象 /title /head h1外聯(lián)圖象 /h1 body a href= img src= /a br br a href= 用文字代表大圖像 /a /body /html 例 72：外聯(lián)圖像 運(yùn)行結(jié)果 多媒體標(biāo)記 插入圖像 (3) 圖像作為網(wǎng)頁的背景 例 73 使用圖像作為網(wǎng)頁背景可使用下面的語句： body background=URL地址 background屬性指定圖像文件，其值為背景圖像的URL地址。瀏覽器將其平鋪，布滿整個(gè)網(wǎng)頁。 html head title圖像作為網(wǎng)頁的背景 /title /head body background= /body /html 例 73：圖像作為網(wǎng)頁的背景 運(yùn)行結(jié)果 多媒體標(biāo)記 插入聲音或視頻 (1) 在文檔中鏈接聲音或視頻文件 html head title插入聲音和視頻 /title /head body a href= 聲音文件 /a br br a href= 視頻文件 /a /body /html 例 74：插入聲音和視頻文件 在 HTML文檔中，使用與外聯(lián)圖像類似的語句把聲音文件或視頻文件鏈接到文檔中，差別只是文件擴(kuò)展名不同。 運(yùn)行結(jié)果 多媒體標(biāo)記 插入聲音或視頻 (２ ) 在文檔中嵌入聲音或視頻文件 把聲音或視頻文件嵌入到 HTML文檔中，可以使用下面的代碼： 上面的代碼在頁面中插入一個(gè) Media Player(視頻 )播放器來播放音、視頻，參數(shù)值默認(rèn) 0為否， 1或 1為是。 object classid=clsid:22D6F312B0F611D094AB0080C74C7E95 id=MediaPlayer1 height=60 width=320 param name=Filename value=MTV視頻文件的 URL地址 param name=PlayCount value=0 param name=AutoStart value=1 param name=EnableFullScreen Controls value=1 param name=ShowAudio Controls value=1 param name=EnableContext Menu value=1 param name=ShowDisplay value=0 /object 例 75 html head title嵌入視頻 /title /head body object classid=clsid:22D6F312B0F611D094AB0080C74C7E95 id=MediaPlayer1 height=260 width=320 param name=Filename value= param name=PlayCount value=0 param name=AutoStart value=0 param name=EnableFullScreen Controls value=1 param name=ShowAudio Controls value=1 param name=EnableContext Menu value=1 param name=ShowDisplay value=0 /object br br 視頻文件 /body /html 例 75：嵌入視頻文件 運(yùn)行結(jié)果 多媒體標(biāo)記 插入聲音或視頻 (3) 在文檔中嵌入背景音樂 在頁面中還可以嵌入背景音樂，這種音樂多以 MIDI文件為主。 嵌入背景音樂的基本語法如下： bgsound src=URL地址 loop= volume= 例 76 html head title在文檔中嵌入背景音樂 /title /head h1 align=center嵌入了背景音樂的文檔 /h1 body bgsound src= /body /html 例 76：在文檔中嵌入背景音樂 運(yùn)行結(jié)果 多媒體標(biāo)記 嵌入 Flash動(dòng)畫 在 HTML文檔中，可以使用下面的語句嵌入 Flash動(dòng)畫。 embed src= URL地址 align= autostart= loop= height= width= ….embed html head title嵌入 Flash動(dòng)畫 /title /head body embed src= width=300 height=200/height /body /html 例 77：嵌入 Flash動(dòng)畫 運(yùn)行結(jié)果 表格標(biāo)記 表格主要通過 3個(gè)標(biāo)記來構(gòu)成：表格標(biāo)記、行標(biāo)記、單元格標(biāo)記。 ● table/table ● caption/caption ● tr/tr ● th/th ● td/td 例 7 8 html head title一個(gè)簡(jiǎn)單的表格 /title /head body table border=1 caption學(xué)生情況表 /caption tr th姓名 /thth性別 /thth年齡 /th /tr tr td align=lefta/tdtd align=center男/tdtd align=right20/td /tr tr align=right tdb/tdtd女 /tdtd19/td /tr /table /body html 例 78：一個(gè)簡(jiǎn)單的表格 運(yùn)行結(jié)果 表單標(biāo)記 URL指明客戶端向服務(wù)器請(qǐng)求的文件。 Method=*中的“ *”表示 GET或 POST，表單中提供給用戶的輸入形式： input type=* name=**。其中“ *”代表輸入元素類型，“ **”代表表單元素的名稱。 表單是實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁的一種主要的外在形式，基本語法結(jié)構(gòu)如下： form action=”URL” method=* …… input type=submit input type=reset /form 交互功能的實(shí)現(xiàn) 在記事本中輸入表單代碼，保存為 第一步 代 碼 第二步 安裝 IIS 第三步 編寫相應(yīng)的 第四步 將兩個(gè)程序保存在 C： \Interpub\root目錄中 代 碼 打開瀏覽器，在地址欄中輸入 名，選擇性別后 ,單擊“確定”按鈕即可實(shí)現(xiàn)交互功能。 html head title表單 /title /head body h2 align=center style=color:blue請(qǐng)輸入您的姓名和性別 /h2 hr form method=post action= table border=0 align=center tr