網(wǎng)頁設(shè)計(jì)HTML語言

1、1第第5章章 網(wǎng)頁設(shè)計(jì)語言HTML 學(xué)習(xí)目標(biāo) u HTML的概念u HTML的語法與結(jié)構(gòu) u 掌握HTML的各種標(biāo)記符號(hào)及其屬性u(píng) 能夠制作簡單網(wǎng)頁 2第第5章章 網(wǎng)頁設(shè)計(jì)語言HTML 教學(xué)內(nèi)容 5.1 HTML概述 5.2 HTML的一般標(biāo)記符 5.3 文本標(biāo)記符 5.4 列表標(biāo)記符 5.5 鏈接標(biāo)記符 5.6 表格標(biāo)記符 5.7 表單標(biāo)記符 5.8 多媒體標(biāo)記符本章小結(jié) 35.1 HTMLHTML概述概述 HTML（Hypertext Markup Language）是最基本的Web頁面開發(fā)語言，稱為文本文檔標(biāo)記語言。它不需要編譯，由瀏覽器（如IE）解釋執(zhí)行。HTML是純文本文件，可采用W

2、indows中的記事本或?qū)懽职鍋砭庉?，也可以用DOS下的Edit等文本編輯器，保存時(shí)文件名的后綴為.htm或.html。 HTML的主要語法是元素和標(biāo)簽。元素是符合文檔類型定義的文檔組成部分，如title（文檔標(biāo)題）、img（圖像）、table（表格）等。元素名不區(qū)分大小寫。標(biāo)簽用來規(guī)定元素的屬性和它在文檔中的位置。標(biāo)簽分單獨(dú)出現(xiàn)和成對(duì)出現(xiàn)兩種情況。 例如：網(wǎng)頁設(shè)計(jì)教程 title是元素名，與之間的內(nèi)容都屬于元素title，是標(biāo)簽，用來說明元素title。 45.2 HTMLHTML的一般標(biāo)記符的一般標(biāo)記符 一個(gè)簡單的網(wǎng)頁一個(gè)簡單的網(wǎng)頁 一個(gè)簡單網(wǎng)頁的制作一個(gè)簡單網(wǎng)頁的制作 第一步：打開Win

3、dows下的記事本。 第二步：輸入下面代碼 HTML網(wǎng)頁設(shè)計(jì)教程 你好! 歡迎瀏覽本網(wǎng)頁！ 第三步：以sample.htm為文件名保存文件并關(guān)閉該文件。 第四步：雙擊sample.htm文件，瀏覽器會(huì)自動(dòng)執(zhí)行它。 55.2 HTMLHTML的一般標(biāo)記符的一般標(biāo)記符 HTMLHTML文件格式特點(diǎn)文件格式特點(diǎn) 1每一個(gè)HTML文件以開始，以結(jié)束，瀏覽器遇到標(biāo)志時(shí)，會(huì)按照HTML的標(biāo)準(zhǔn)來解釋后面的文本，直到才停止解釋。和是成對(duì)出現(xiàn)的，所有的文本和命令都在它們之間。 2是網(wǎng)頁的頭部標(biāo)記，通常緊跟之后。與之間的文本是整個(gè)文件的序言，不屬于HTML文件本體部分，不在瀏覽器屏幕中顯示。 3用來說明文件標(biāo)題，

4、TITLE元素的格式為：文件題目 ，一個(gè)好的題目應(yīng)該使讀者能從中判斷出該文件的大概內(nèi)容。瀏覽時(shí)文件題目將顯示在IE瀏覽器標(biāo)題欄上。中不包含其他標(biāo)記。 4和之間是網(wǎng)頁主體內(nèi)容。在標(biāo)簽中可以規(guī)定整個(gè)文檔的一些基本屬性，如：“bgcolor” 屬性，用于指定文檔的背景顏色,“text” 屬性用于指定文檔中文字的顏色。 5所有標(biāo)記不得交叉，如與必須包含在與中間。 6HTML文件對(duì)書寫格式要求不太嚴(yán)格。65.3 文本標(biāo)記符文本標(biāo)記符 常用文本標(biāo)記符常用文本標(biāo)記符標(biāo) 簽 作 用 是單獨(dú)出現(xiàn)的，作用相當(dāng)于插入回車符。如果沒有換行標(biāo)簽，Web瀏覽器窗口將根據(jù)瀏覽器窗口的寬度盡可能長的顯示文本。 標(biāo)簽是成對(duì)出現(xiàn)

5、的，夾在和之間的文字是文檔中的標(biāo)題。標(biāo)題文字都用黑體顯示，上級(jí)標(biāo)題總比下面各級(jí)標(biāo)題更大些、更粗些。標(biāo)簽共分六級(jí)，其中標(biāo)簽括起的文字是第一級(jí)標(biāo)題，最大最粗，而標(biāo)簽括起的文字是最后一級(jí)標(biāo)題，最小最細(xì)。 標(biāo)簽是單獨(dú)出現(xiàn)的，作用是換行并在該行下面畫一條水平直線。它有三個(gè)屬性值：SIZE、WIDTH和ALIGN，分別用以規(guī)定水平線的高度、寬度和水平線在瀏覽器窗口中的位置。 P是paragraph的意思，它用于劃分段落，作用是換行并插入一個(gè)空白行，標(biāo)簽可以單獨(dú)使用，也可以成對(duì)使用。成對(duì)使用時(shí)，可以添加ALIGN屬性，標(biāo)出段落在瀏覽器中的位置。ALIGN屬性的參數(shù)值有l(wèi)eft、center和right，分別

6、表示標(biāo)簽所括起的段落位于瀏覽器窗口的左側(cè)、中間、右側(cè)。 75.3 文本標(biāo)記符文本標(biāo)記符 常用文本標(biāo)記符常用文本標(biāo)記符 標(biāo) 簽 作 用 是預(yù)格式化標(biāo)簽，HTML的輸出是基于窗口的，因而HTML文件在輸出時(shí)都要重新排版，對(duì)確實(shí)不需要重新排版的內(nèi)容，可以用通知瀏覽器。瀏覽器在輸出時(shí)，對(duì)括起來的內(nèi)容幾乎不做修改地輸出。 字符格式標(biāo)簽 HTML文檔的字符格式標(biāo)簽主要有、和，它們都成對(duì)出現(xiàn)。和之間的內(nèi)容將顯示為黑體文字，和之間的內(nèi)容將顯示為斜體，和之間的內(nèi)容將顯示為帶下劃線的文字。 地址標(biāo)簽，一般放在文檔體的首部或尾部。和之間的內(nèi)容通常是有關(guān)作者的信息，包括作者的姓名、身份等等。 85.3 文本標(biāo)記符文本

7、標(biāo)記符 常用文本標(biāo)記符常用文本標(biāo)記符 例常用文本標(biāo)記符舉例例常用文本標(biāo)記符舉例 有關(guān)文本標(biāo)簽的使用 這一個(gè)段落我們分兩行顯示，需用到<BR>標(biāo)簽，我們看如果我們不用<BR>標(biāo)簽，而只是在形式上分行的效果， 該段落到此結(jié)束 下面是第二段。該段只有一行，在該行下面加一條綠色水平線。說明：<BR>將作為純文本符號(hào)而不是標(biāo)記。95.3 文本標(biāo)記符文本標(biāo)記符 滾動(dòng)字幕滾動(dòng)字幕 滾動(dòng)字幕能使網(wǎng)頁生動(dòng)活潑，增加視覺效果。標(biāo)簽為： 。標(biāo)簽有這樣幾個(gè)常用屬性：1derection屬性，用于指定文字移動(dòng)方向，屬性值有：left、r

8、ight。2behavior屬性，指定文字移動(dòng)方式。屬性值有：scroll、 slide、 alternate，分別表示文字一圈一圈的繞著走、只走一次、來回走動(dòng)。3loop屬性，用于指定循環(huán)次數(shù)，若不指定循環(huán)次數(shù)，則表示循環(huán)不止。4scrollamount屬性，用于指定文字移動(dòng)的速度。5bgcolor屬性，用于指定文字背景色。105.3 文本標(biāo)記符文本標(biāo)記符 滾動(dòng)字幕滾動(dòng)字幕 例例5-3 滾動(dòng)字幕舉例滾動(dòng)字幕舉例 滾動(dòng)字幕 請進(jìn)入音樂休閑屋看我還會(huì)動(dòng)呢,并且是從右向左移動(dòng) 我從左向右一圈一圈的移動(dòng) 我是不是移動(dòng)的比較快？ 我的底色是黃的，我循環(huán)三次即停止移動(dòng) 115.4 列表標(biāo)記符列表標(biāo)記符

9、有序列表有序列表 有序列表用于對(duì)網(wǎng)頁中的一些內(nèi)容進(jìn)行編號(hào)排列，以便讀者清晰地了解其每行的順序。 在HTML中插入有序列表是通過標(biāo)簽來實(shí)現(xiàn)的。首標(biāo)簽和尾標(biāo)簽之間的內(nèi)容是有序列表的內(nèi)容，排序列表的每一項(xiàng)必須用標(biāo)簽標(biāo)識(shí)。例有序列表舉例例有序列表舉例 有序列表 下面是有序列表 這是列表第一項(xiàng) 這是列表第二項(xiàng) 這是列表第三項(xiàng) 125.4 列表標(biāo)記符列表標(biāo)記符 無序列表無序列表 無序列表是指列表內(nèi)容可以按任意順序排列。每一列表項(xiàng)前不是用連續(xù)編號(hào)，而是用一個(gè)特定符號(hào)來標(biāo)記，通常是在每一列表項(xiàng)前加上一個(gè)圓點(diǎn)兒。無序列表與有序列表的實(shí)現(xiàn)方法很相似，只是用標(biāo)記來代替有序列表中的來代替列表中的。 例無序列表舉例例無

10、序列表舉例 無序列表 以下是娛樂休閑版的列表： 音樂影視游戲135.4 列表標(biāo)記符列表標(biāo)記符 定義列表定義列表 定義列表用于對(duì)清單條目進(jìn)行簡短說明，首標(biāo)簽和尾標(biāo)簽之間的內(nèi)容就是定義列表的內(nèi)容，列表項(xiàng)目用引導(dǎo)，它的說明用引導(dǎo)。通常和是成對(duì)出現(xiàn)的，即一個(gè)列表項(xiàng)目對(duì)應(yīng)一個(gè)說明項(xiàng)，當(dāng)然也可以一個(gè)列表項(xiàng)目對(duì)應(yīng)多個(gè)說明項(xiàng)。例定義列表舉例 定義列表 下面是一個(gè)定義性列表： 計(jì)算機(jī)硬件如軟驅(qū)、硬盤等計(jì)算機(jī)軟件如系統(tǒng)軟件、應(yīng)用軟件145.5 鏈接標(biāo)記符鏈接標(biāo)記符 在瀏覽網(wǎng)頁過程中，有時(shí)點(diǎn)擊某處的文字或圖像會(huì)跳轉(zhuǎn)到另一部分，這是因?yàn)樵诰W(wǎng)頁中使用了超文本鏈接。使用超文本鏈接可以使順序存放的文件在一定程度上具有隨機(jī)訪

11、問的能力，更加符合人類的思維方式。支持文檔的超連接是HTML最吸引人優(yōu)點(diǎn)之一。 一個(gè)超文本鏈接指針由兩部分組成：被指向的目標(biāo)和是錨點(diǎn)。目標(biāo)可以是同一文件的另一部分，也可以是另一個(gè)文件，還可以是動(dòng)畫或音樂。而當(dāng)用戶把鼠標(biāo)移到錨點(diǎn)時(shí)，鼠標(biāo)的形狀會(huì)變成小手狀，這時(shí)點(diǎn)擊鼠標(biāo)，就會(huì)跳轉(zhuǎn)到鏈接的目標(biāo)。155.5 鏈接標(biāo)記符鏈接標(biāo)記符不同文件間的鏈接不同文件間的鏈接 HTML文件用文字作錨點(diǎn)的格式是：字符串。 HTML文件用圖像作錨點(diǎn)的格式是：。用圖像作錨點(diǎn)實(shí)際上是用取代了用文字作錨點(diǎn)中“字符串”的位置。 HREF是鏈接中最常用的屬性，該屬性用來指出所要鏈接文件的名稱或URL。URL是統(tǒng)一資源定位器(Uni

12、form Resource Locator)。 對(duì)于自己主機(jī)內(nèi)的文件，它的URL可以根據(jù)該文件的實(shí)際情況決定。對(duì)于因特網(wǎng)上的資源，在用瀏覽器觀看時(shí)它的URL會(huì)在瀏覽器的“地址”欄中顯示出來，把它抄下來寫到你的HTML文件中即可。這個(gè)“字符串”就是錨點(diǎn)。用鼠標(biāo)點(diǎn)這個(gè)字符串時(shí)，瀏覽器就會(huì)將URL處的資源顯示在屏幕上。 用來指明作為錨點(diǎn)的圖像。 例如：點(diǎn)此處看相片 網(wǎng)頁上會(huì)顯示字符串“點(diǎn)此處看相片”，當(dāng)把鼠標(biāo)移到這個(gè)字符串上時(shí)，鼠標(biāo)會(huì)變成小手形狀，點(diǎn)擊字符串就會(huì)顯示文件“mypicture.gif”的內(nèi)容。165.5 鏈接標(biāo)記符鏈接標(biāo)記符同一文件間的鏈接同一文件間的鏈接 鏈接指針可以使讀者在整個(gè)因特

13、網(wǎng)網(wǎng)上方便的跳躍瀏覽，當(dāng)一個(gè)HTML較長時(shí)，還可以在文件中建立一些鏈接，實(shí)現(xiàn)同一文件中內(nèi)容的跳躍瀏覽。對(duì)于一個(gè)完整的文件，可以用URL來唯一地標(biāo)識(shí)被指向的目標(biāo)，但對(duì)于同一文件的不同部分，被指向的目標(biāo)是通過標(biāo)記的NAME屬性來定義的。 格式：text 說明：NAME屬性用來給被鏈接的部分起名字并加標(biāo)記，text是可選項(xiàng)。 給被鏈接的部分起名字并加標(biāo)記后，可以用text 指向它。其中的URL是放置標(biāo)記的HTML文件的URL，name是標(biāo)記名，對(duì)于同一個(gè)文件，可以寫為text 。這時(shí)就可以點(diǎn)取text跳轉(zhuǎn)到標(biāo)記名為name的部分了。 例如：這里白雪飄飄 點(diǎn)此進(jìn)入白雪飄飄 這段代碼，為“這里白雪飄飄”

14、作了標(biāo)記“白雪飄飄”。點(diǎn)擊“點(diǎn)此進(jìn)入白雪飄飄”字符串可鏈接到“這里白雪飄飄”。175.5 鏈接標(biāo)記符鏈接標(biāo)記符在新窗口中顯示被指向的目標(biāo)在新窗口中顯示被指向的目標(biāo) 如果希望在一個(gè)新的窗口中顯示被指向的目標(biāo)，可以使用target屬性。 格式： 字符串 它能將URL代表的資源顯示在一個(gè)新的窗口中，該窗口的名字叫“新窗口名”。 185.5 鏈接標(biāo)記符鏈接標(biāo)記符鏈接地圖鏈接地圖 圖像鏈接中每幅圖只能指向一個(gè)地點(diǎn)，而圖像地圖可以把圖像分成多個(gè)區(qū)域，每個(gè)區(qū)域指向不同的目標(biāo)文檔。例鏈接地圖舉例例鏈接地圖舉例 鏈接地圖 下面定義的是一個(gè)鏈接地圖 195.5 鏈接標(biāo)記符鏈接標(biāo)記符鏈接地圖鏈接地圖 在定義鏈接地圖

15、時(shí)，首先要為鏈接源點(diǎn)的圖像添加ismap屬性，將圖像定義為地圖。然后必須使用usemap屬性說明該圖像是遵循哪個(gè)地圖定義的。usemap屬性的參數(shù)值為“#地圖名”。HTML是通過標(biāo)簽和標(biāo)簽來定義地圖的。標(biāo)簽有一個(gè)不可缺省的屬性name，參數(shù)值是地圖名字，比如上例中的name=JY，其中“JY”是地圖名。地圖的區(qū)域劃分是通過標(biāo)簽來實(shí)現(xiàn)的。標(biāo)簽有三個(gè)屬性，就是上例中用到的shape、coords、href，分別表示該區(qū)域的形狀、范圍和所鏈接到的目標(biāo)文檔。上例中用到的rect用于指定一個(gè)矩形區(qū)域，該區(qū)域的位置由左上角坐標(biāo)和右下角坐標(biāo)說明。poly 指定一個(gè)多邊形區(qū)域， 該區(qū)域的位置由各頂點(diǎn)坐標(biāo)說明。

16、circle 指定一個(gè)圓形區(qū)域，該區(qū)域的位置由垂直通過圓心的直徑與該圓的交點(diǎn)坐標(biāo)說明。上例中語句定義了一個(gè)矩形區(qū)域，矩形的左上角坐標(biāo)為（100，80），右下角的坐標(biāo)為（130，120）。在該區(qū)域的任何位置點(diǎn)擊都可以鏈接到目標(biāo)文檔“WATER.HTML”。205.6 表格標(biāo)記符表格標(biāo)記符 表格能將HTML的內(nèi)容按行或列的方式組織，使網(wǎng)頁的組織井然有序。 標(biāo)記是定義表格的總標(biāo)記，HTML要求一個(gè)表格的全部內(nèi)容包含在和標(biāo)記之中。標(biāo)記中最常用屬性是border屬性，它的值表示以像素點(diǎn)為單位的邊框?qū)挾?，如border=2表示邊框?yàn)?個(gè)像素點(diǎn)（像素點(diǎn)是位圖的基本單位），如果不包含border屬性則默認(rèn)無邊

17、框。此外，標(biāo)記還有align屬性，取值為left、right、center，分別表示將表格定義在網(wǎng)頁的左端、右端或使表格居中。 表是由行和列內(nèi)的單元格組成的。表格的定義順序是首先定義表的一行，行標(biāo)記用，是成對(duì)標(biāo)簽。然后依此是行的單元格，單元格用標(biāo)記，如果一個(gè)表格中某個(gè)單元格的內(nèi)容很長，可以使用標(biāo)記強(qiáng)制內(nèi)容折行。再定義第二行，依次定義第二行的單元格。表的列由每行包含的單元格數(shù)目自動(dòng)計(jì)算得到。標(biāo)志用來設(shè)置表格頭，文字通常是黑體居中顯示。為確保表中每列對(duì)齊，應(yīng)在每行包含相同單元格。 215.6 表格標(biāo)記符表格標(biāo)記符 此外，還有align和valign屬性。align屬性定義水平對(duì)齊方式，與標(biāo)記的該屬

18、性相同。valign屬性定義垂直對(duì)齊方式，取值為top（頂端對(duì)齊）、middle（居中間對(duì)齊）或bottom（底部對(duì)齊）。具有width、colspan、rowspan和nowrap屬性。width是格的寬度，單位用絕對(duì)像素值或總寬度的百分比，colspan設(shè)置一個(gè)表格格子跨占的列數(shù)（缺省值為1），rowspan設(shè)置一個(gè)表格格子跨占的行數(shù)（缺省值為1），nowrap禁止單元格內(nèi)的內(nèi)容自動(dòng)換行。 表的標(biāo)題使用標(biāo)記，一般放在表中第一行的前面， 的屬性包括對(duì)齊屬性align，取值為top、bottom、right、left、middle。225.6 表格標(biāo)記符表格標(biāo)記符 例例 表格的制作表格的制作

19、表格標(biāo)志的綜合示例 姓名 性別 分?jǐn)?shù) 周 女 90 王 男 98 235.7 表單標(biāo)記符表單標(biāo)記符 我們上網(wǎng)時(shí)經(jīng)常需要填寫一些用戶信息，在HTML中是通過表單實(shí)現(xiàn)的。表單使網(wǎng)頁具有交互功能，在Web頁中提供表單讓訪問者填寫，從而獲得用戶信息。一個(gè)表單至少應(yīng)該包括說明性文字、用戶填寫的表格、提交和重填按鈕等內(nèi)容。當(dāng)用戶填寫完信息做提交（submit）操作后，表單內(nèi)容就從客戶端的瀏覽器傳送到服務(wù)器上，經(jīng)過服務(wù)器上的 ASP 或 CGI 等處理程序處理后，再將用戶所需信息傳送回客戶端的瀏覽器，網(wǎng)頁便有了交互性。設(shè)計(jì)表單常用標(biāo)記是：、和等。245.7 表單標(biāo)記符表單標(biāo)記符表單輸入標(biāo)記表單輸入標(biāo)記 此標(biāo)

20、記在表單中使用頻繁，大部分表單內(nèi)容需要用到此標(biāo)記。語法如下：各項(xiàng)含義說明如下：255.7 表單標(biāo)記符表單標(biāo)記符表單輸入標(biāo)記表單輸入標(biāo)記 1align用于設(shè)定表單的位置，參數(shù)有：left、right、middle、top、bottom。 2name是單行文字盒名稱。比如我們要在該文本框中填寫姓名，可給文本框起名：YOUR-NAME. 3type決定了輸入數(shù)據(jù)的類型。 4value用于設(shè)定默認(rèn)值，如果用戶不輸入的話，就采用此默認(rèn)值； 5src是針對(duì)type=image的情況來說的，設(shè)定圖像文件的地址； 6checked指定復(fù)選項(xiàng)的初始狀態(tài)，表示該復(fù)選項(xiàng)在初始時(shí)是被選中的； 7maxlength表示

21、在輸入單行文本的時(shí)候，最大輸入字符個(gè)數(shù)； 8size用于設(shè)定在輸入多行文本時(shí)的最大輸入字符數(shù)； 9onclick表示在按下按鈕時(shí)調(diào)用指定的子程序； 10onselect表示當(dāng)前項(xiàng)被選擇時(shí)調(diào)用指定的子程序。265.7 表單標(biāo)記符表單標(biāo)記符表單輸入標(biāo)記表單輸入標(biāo)記 例制作一個(gè)表單例制作一個(gè)表單表單實(shí)例請選擇您喜歡的娛樂節(jié)目：非常六加一開心辭典快樂大本營275.7 表單標(biāo)記符表單標(biāo)記符 和和標(biāo)簽標(biāo)簽 用標(biāo)簽和標(biāo)簽可以在表單中插入一個(gè)下拉列表框。首標(biāo)簽和尾標(biāo)簽之間的內(nèi)容就是一個(gè)列表框的內(nèi)容。標(biāo)簽必須和標(biāo)簽聯(lián)合使用，因?yàn)橄吕藛沃械拿總€(gè)選項(xiàng)要用標(biāo)簽定義。 標(biāo)簽和標(biāo)簽語法如下： 請單擊該圖標(biāo)看請單擊該圖標(biāo)

22、看 下拉列表框舉例下拉列表框舉例說明： 1name設(shè)定下拉列表框的名稱； 2size設(shè)定列表框高度，即一次顯示幾個(gè)菜單項(xiàng)，一般取默認(rèn)值（size=1）； 3multiple設(shè)定可以進(jìn)行多選。 4標(biāo)簽定義下拉列表框中的一個(gè)選項(xiàng)，其中selected表示當(dāng)前項(xiàng)被默認(rèn)選中，value表示該項(xiàng)對(duì)應(yīng)的值，當(dāng)該項(xiàng)被選中之后，該項(xiàng)的值會(huì)被送到服務(wù)器進(jìn)行處理 。285.7 表單標(biāo)記符表單標(biāo)記符多行文本輸入多行文本輸入標(biāo)簽標(biāo)簽 建立多行文本輸入框的專用標(biāo)簽，其語法如下： 各參數(shù)含義： name：文本框名稱，cols：寬度，rows：高度（行數(shù)），wrap：換行控制，有三個(gè)屬性值：off表示不自動(dòng)換行；hard表

23、示自動(dòng)硬回車換行，換行標(biāo)記一同被傳送到服務(wù)器中去；soft表示自動(dòng)軟回車換行，換行標(biāo)記不會(huì)傳送到服務(wù)器中去。 表單所涉及的標(biāo)記很多，參數(shù)也比較復(fù)雜，但一般的表單不可能涉及所有參數(shù)，實(shí)際制作表單時(shí)通常是組合應(yīng)用這些標(biāo)記。我們在制作表單時(shí)要遵循一個(gè)原則：能用默認(rèn)值的盡量用默認(rèn)值，絕不設(shè)定一個(gè)不用的參數(shù)。295.8 多媒體標(biāo)記符多媒體標(biāo)記符文本中插入圖像文本中插入圖像 超文本支持的圖像格式一般有X Bitmap(XBM)、GIF、JPEG三種，所以我們對(duì)圖片處理后要保存為這三種格式中的任何一種，才可以在瀏覽器中看到。插入圖像的標(biāo)簽是，格式為：。 src屬性指明了所要鏈接的圖像文件所在地址，這個(gè)圖像文

24、件可以在本地機(jī)器上，也可以位于遠(yuǎn)端主機(jī)上。地址的表示方法可以沿用3.4節(jié)“鏈接標(biāo)記符”中URL地址表示方法。img還有兩個(gè)屬性是height和width，分別表示圖形的高度和寬度。 網(wǎng)頁上不僅有圖形還有文字，文字與圖形之間有各種不同的對(duì)齊方式，用align屬性定義對(duì)齊方式。align的取值可以是 top|middle|bottom|right|left。圖文之間的距離用屬性hspace和vspace來規(guī)定，分別表示文字與圖像的水平距離和垂直距離。305.8 多媒體標(biāo)記符多媒體標(biāo)記符插入背景音樂插入背景音樂 標(biāo)簽用以插入背景音樂，但只在 IE中才能聽到。其格式如下： src用來指出音樂文件地址；

25、autostart 用來指出在音樂下載傳送完之后是否自動(dòng)播放，默認(rèn)false（否），選true（是）則自動(dòng)播放；Loop用來指出播放的次數(shù)。Loop=3表示重復(fù)三次，Infinite 表示重復(fù)多次。 315.8 多媒體標(biāo)記符多媒體標(biāo)記符插入背景音樂插入背景音樂 要在瀏覽網(wǎng)頁時(shí)聽音樂，可將音樂做成一個(gè)鏈接，只需用鼠標(biāo)在錨點(diǎn)上單擊，就可以聽到動(dòng)人的音樂了。其基本格式與前面講的鏈接標(biāo)記符相同： 樂曲名 除了借助鏈接實(shí)現(xiàn)網(wǎng)上播放音樂的功能，我們還可以讓音樂自動(dòng)載入，讓它出現(xiàn)控制面板或當(dāng)背景音樂來使用?；菊Z法：325.8 多媒體標(biāo)記符多媒體標(biāo)記符多行文本輸入框多行文本輸入框 src=“音樂文件地址” :用于設(shè)定音樂文件的路徑 autostart=true/false :音樂文件傳送完后是否自動(dòng)播放，true是要，false是不要，默認(rèn)為false。 loop=循環(huán)次數(shù):設(shè)定播放重復(fù)次數(shù)，loop=3為重復(fù)3次，true為無限次播放，false播放一次即停止。 startime=“分:秒”:設(shè)定樂曲的開始播放時(shí)間，若30秒后播放可寫為 :startime=00:30。 volume=0-100:設(shè)定音量的大小。如果沒設(shè)定的話，就用系統(tǒng)的音量。 wi