多媒體標(biāo)記

創(chuàng)新互聯(lián)公司擁有一支富有激情的企業(yè)網(wǎng)站制作團(tuán)隊(duì)，在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)深耕十載，專業(yè)且經(jīng)驗(yàn)豐富。十載網(wǎng)站優(yōu)化營(yíng)銷經(jīng)驗(yàn)，我們已為數(shù)千家中小企業(yè)提供了網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)解決方案，定制制作，設(shè)計(jì)滿意，售后服務(wù)無(wú)憂。所有客戶皆提供一年免費(fèi)網(wǎng)站維護(hù)!

在html中可以使用多媒體標(biāo)記來(lái)在網(wǎng)頁(yè)上播放音頻文件，或者顯示一些好看的圖片用來(lái)裝飾網(wǎng)頁(yè)。Flash文件也可以通過(guò)相應(yīng)的標(biāo)記顯示在網(wǎng)頁(yè)上，<video>標(biāo)簽是用于在網(wǎng)頁(yè)上播放視頻文件的。

video里需要嵌套source標(biāo)簽來(lái)指定視頻文件的路徑，或者網(wǎng)址路徑。source里有兩個(gè)屬性：src和type，前者是用于指定視頻文件的地址，后者是指定視頻文件的格式，例如mp4、wave、webm等等。

video里常用的屬性有width：設(shè)置視頻在頁(yè)面上的寬度，height：設(shè)置視頻在頁(yè)面上的高度，autoplay：設(shè)置視頻自動(dòng)播放，也就是當(dāng)網(wǎng)頁(yè)打開(kāi)就自動(dòng)播放視頻，loop：設(shè)置循環(huán)播放，controls：設(shè)置將視頻的控制面板顯示出來(lái)，src：也可以用來(lái)指定視頻文件的地址。

示例：

運(yùn)行結(jié)果：

這是Chrome瀏覽器上的效果，每個(gè)瀏覽器的控制面板會(huì)有區(qū)別。

思維導(dǎo)圖：

<audio>是用于在網(wǎng)頁(yè)上播放音樂(lè)文件的標(biāo)簽，和video一樣需要嵌套source標(biāo)簽來(lái)指定音樂(lè)文件的路徑，雖然可以在audio標(biāo)簽上使用src來(lái)指定，但是會(huì)覆蓋source里的src，也就是說(shuō)，會(huì)全局默認(rèn)為audio里的src路徑，audio標(biāo)簽里的source用法和video里標(biāo)簽的用法是一樣的。

audio里也有autoplay、loop、autoplay屬性，這些屬性代表的意義和video里的屬性是一樣的。

示例：

運(yùn)行結(jié)果：

思維導(dǎo)圖：

接下來(lái)是<img>標(biāo)簽，這是用于在網(wǎng)頁(yè)上顯示圖片的標(biāo)簽，其中的src屬性不用說(shuō)也知道是用來(lái)指定圖片文件的路徑的，img里也有width和height屬性，但是在img里一般只設(shè)置其中一個(gè)。因?yàn)橛幸粋€(gè)特性：只設(shè)置其中一個(gè)瀏覽器就會(huì)自動(dòng)調(diào)整圖片寬高的比例，兩個(gè)都一起設(shè)置的話就要計(jì)算好圖片的比例，不然圖片比例不對(duì)看起來(lái)就是扭曲的，不設(shè)置height和width屬性就會(huì)按照?qǐng)D片原本的比例顯示。

示例：

運(yùn)行結(jié)果：

alt屬性，此屬性可以指定在圖片加載失敗的時(shí)候顯示一些文字，例如我把圖片路徑弄錯(cuò)一下，實(shí)現(xiàn)這個(gè)效果：

運(yùn)行結(jié)果：

align屬性，這個(gè)屬性之前也多次用到過(guò)，在img里將這個(gè)屬性的值設(shè)置為left的話，文字就可以在圖片旁邊顯示，可以使用vspace調(diào)整圖片與文字的上下間隔，hspace則可以調(diào)整圖片與文字的左右間隔。

示例：

運(yùn)行結(jié)果：

像新聞或者某些有圖片的文章就會(huì)用到這種效果。

熱點(diǎn)標(biāo)記：在img標(biāo)簽還有一個(gè)應(yīng)用：設(shè)置圖片熱點(diǎn)，當(dāng)你點(diǎn)擊圖片中的熱點(diǎn)時(shí)就會(huì)跳轉(zhuǎn)到指定的頁(yè)面中。一個(gè)圖片設(shè)置了熱點(diǎn)的話，你鼠標(biāo)移動(dòng)到熱點(diǎn)的位置就會(huì)變成一個(gè)小手。

給圖片設(shè)置熱點(diǎn)需要使用map和area標(biāo)簽，map需要設(shè)置一下name屬性，然后img標(biāo)簽里的usemap屬性指定map里name屬性的值，usemap的值需要在前面加上一個(gè)#符號(hào)。

area是嵌套在map標(biāo)簽里的，area用于設(shè)置熱點(diǎn)的形狀、大小、跳轉(zhuǎn)的頁(yè)面等等，shape屬性是用來(lái)設(shè)置熱點(diǎn)的形狀的，可以選擇以下幾種形狀：

coords則是用來(lái)設(shè)置熱點(diǎn)的大小，和超鏈接一樣使用href來(lái)設(shè)置跳轉(zhuǎn)頁(yè)面，area里還可以使用target屬性。

示例：

運(yùn)行結(jié)果：

可以看到圖片上有個(gè)正方形的形狀，這是因?yàn)槲尹c(diǎn)擊了一下熱點(diǎn)，所以顯示出了形狀，如果沒(méi)有點(diǎn)擊的話，是不會(huì)出現(xiàn)任何形狀的，就好像什么都沒(méi)有一樣。

<applet>標(biāo)簽是用來(lái)插入Java的Applet程序的，讓程序可以在瀏覽器中運(yùn)行，但是有一個(gè)運(yùn)行條件，就是需要有安裝JVM虛擬機(jī)，不過(guò)這個(gè)標(biāo)簽已經(jīng)淘汰了，幾乎不再使用了，因?yàn)镴ava也放棄了Applet的開(kāi)發(fā)，所以了解一下即可。

<embed>標(biāo)簽用來(lái)引入插件，例如Flash就可以使用這個(gè)標(biāo)簽引入，示例：

運(yùn)行結(jié)果：

有使用過(guò)的網(wǎng)銀的人都知道，在登錄賬戶或者進(jìn)行轉(zhuǎn)賬交易的時(shí)候，都會(huì)需要下載或更新一個(gè)安全控件，這個(gè)控件就是一個(gè)插件，也是使用<embed>標(biāo)簽來(lái)引入的。

思維導(dǎo)圖：

多媒體標(biāo)記思維導(dǎo)圖總結(jié)：

框架標(biāo)記

其實(shí)框架就在能夠在一個(gè)窗口中嵌套幾個(gè)網(wǎng)頁(yè)顯示，框架標(biāo)記有iframe、frame、frameset，后面的兩個(gè)基本上是淘汰了，只有iframe會(huì)用得。iframe是用來(lái)在網(wǎng)頁(yè)中再嵌套一個(gè)網(wǎng)頁(yè)的，我們其實(shí)經(jīng)?？吹竭@種應(yīng)用，例如新聞網(wǎng)站或者其他網(wǎng)站上的那些廣告，就是iframe的一個(gè)應(yīng)用。例如：

iframe應(yīng)用的比較多的原因，是因?yàn)樾枰岩恍┙?jīng)常要更新的內(nèi)容和幾乎不怎么更新的內(nèi)容分離開(kāi)來(lái)，例如像圖片上的文章就基本不會(huì)更新的，而旁邊的廣告則經(jīng)常要更新，如果不分離開(kāi)將這兩種類型的頁(yè)面放在一塊的話，每次向服務(wù)器讀取數(shù)據(jù)的時(shí)候都得讀取不需要更新的內(nèi)容，這樣的話會(huì)浪費(fèi)帶寬資源、增大服務(wù)器的壓力。

iframe使用src來(lái)指定網(wǎng)頁(yè)地址，同樣的也具備width和height屬性，用來(lái)調(diào)整頁(yè)面的寬高。

示例：

運(yùn)行結(jié)果：

使用scrolling屬性可以設(shè)置滾動(dòng)條是否顯示，值設(shè)置為no則是不顯示，frameborder屬性可以設(shè)置邊框是否顯示，設(shè)置為0或者no表示不顯示。

示例：

運(yùn)行結(jié)果：

iframe設(shè)置name屬性后，可以結(jié)合超鏈接標(biāo)簽里的target屬性來(lái)顯示頁(yè)面，點(diǎn)擊一下超鏈接后將頁(yè)面顯示在iframe上，示例：

運(yùn)行結(jié)果：

以上是iframe的基本使用方式。

最后是frameset和frame，這兩個(gè)是結(jié)合在一起使用的，frameset用來(lái)制定頁(yè)面顯示的方式，frame用來(lái)指定顯示的頁(yè)面。frameset有個(gè)cols屬性用來(lái)設(shè)置網(wǎng)頁(yè)為左中右的顯示方式，示例：

運(yùn)行結(jié)果：

rows屬性則是設(shè)置網(wǎng)頁(yè)為上中下的顯示方式，示例：

運(yùn)行結(jié)果：

雖然frameset和frame基本上很少使用了，但是在論壇、貼吧等類型的網(wǎng)頁(yè)可能會(huì)應(yīng)用到。

當(dāng)前文章：HTML多媒體標(biāo)記與框架標(biāo)記
網(wǎng)站鏈接：http://chinadenli.net/article46/jiideg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、建站公司、微信公眾號(hào)、品牌網(wǎng)站制作、定制開(kāi)發(fā)、全網(wǎng)營(yíng)銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)