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