tml由element組成。element分兩種,正常element和空element。
<p class=“wd”>world</p>
element由tag和content構(gòu)成
<ul>
<li>first</li>
<li>second</li>
</ul>
沒有content和結(jié)束tag的element。比如
<div>
<h1>title</h1>
<p>p1</p>
<p>p<strong>2</strong ></p>
</div>
div和h1,div和p,p和strong是父子關(guān)系。
div和strong是祖孫關(guān)系。
h1和p是兄弟關(guān)系。
eb 上的多媒體指的是音效、音樂(lè)、視頻和動(dòng)畫。
現(xiàn)代網(wǎng)絡(luò)瀏覽器已支持很多多媒體格式。
什么是多媒體?
多媒體來(lái)自多種不同的格式。它可以是您聽到或看到的任何內(nèi)容,文字、圖片、音樂(lè)、音效、錄音、電影、動(dòng)畫等等。
在因特網(wǎng)上,您會(huì)經(jīng)常發(fā)現(xiàn)嵌入網(wǎng)頁(yè)中的多媒體元素,現(xiàn)代瀏覽器已支持多種多媒體格式。
在本教程中,您將了解到不同的多媒體格式,以及如何在您的網(wǎng)頁(yè)中使用它們。
瀏覽器支持
第一款因特網(wǎng)瀏覽器只支持文本,而且即使是對(duì)文本的支持也僅限于單一字體和單一顏色。隨后誕生了支持顏色、字體和文本樣式的瀏覽器,圖片支持也被加入。
不同的瀏覽器以不同的方式處理對(duì)音效、動(dòng)畫和視頻的支持。某些元素能夠以內(nèi)聯(lián)的方式處理,而某些則需要額外的插件。
多媒體格式
格式 多媒體元素(比如視頻和音頻)存儲(chǔ)于媒體文件中。
確定媒體類型的最常用的方法是查看文件擴(kuò)展名。當(dāng)瀏覽器得到文件擴(kuò)展名 .htm 或 .html 時(shí),它會(huì)假定該文件是 HTML 頁(yè)面。.xml 擴(kuò)展名指示 XML 文件,而 .css 擴(kuò)展名指示樣式表。圖片格式則通過(guò) .gif 或 .jpg 來(lái)識(shí)別。
多媒體元素元素也擁有帶有不同擴(kuò)展名的文件格式,比如 .swf、.wmv、.mp3 以及 .mp4。
視頻格式
MP4是互聯(lián)網(wǎng)推出新的視頻格式。YouTube 推薦使用 MP4 。Flash Players 支持 MP4HTML5 支持 MP4。 |
格式 | 文件 | 描述 |
---|---|---|
AVI | .avi | AVI (Audio Video Interleave) 格式是由微軟開發(fā)的。所有運(yùn)行 Windows 的計(jì)算機(jī)都支持 AVI 格式。它是因特網(wǎng)上很常見的格式,但非 Windows 計(jì)算機(jī)并不總是能夠播放。 |
WMV | .wmv | Windows Media 格式是由微軟開發(fā)的。Windows Media 在因特網(wǎng)上很常見,但是如果未安裝額外的(免費(fèi))組件,就無(wú)法播放 Windows Media 電影。一些后期的 Windows Media 電影在所有非 Windows 計(jì)算機(jī)上都無(wú)法播放,因?yàn)闆]有合適的播放器。 |
MPEG |
| MPEG (Moving Pictures Expert Group) 格式是因特網(wǎng)上最流行的格式。它是跨平臺(tái)的,得到了所有最流行的瀏覽器的支持。 |
QuickTime | .mov | QuickTime 格式是由蘋果公司開發(fā)的。QuickTime 是因特網(wǎng)上常見的格式,但是 QuickTime 電影不能在沒有安裝額外的(免費(fèi))組件的 Windows 計(jì)算機(jī)上播放。 |
RealVideo |
| RealVideo 格式是由 Real Media 針對(duì)因特網(wǎng)開發(fā)的。該格式允許低帶寬條件下(在線視頻、網(wǎng)絡(luò)電視)的視頻流。由于是低帶寬優(yōu)先的,質(zhì)量常會(huì)降低。 |
Flash |
| Flash (Shockwave) 格式是由 Macromedia 開發(fā)的。Shockwave 格式需要額外的組件來(lái)播放。但是該組件會(huì)預(yù)裝到 Firefox 或 IE 之類的瀏覽器上。 |
Mpeg-4 | .mp4 | Mpeg-4 (with H.264 video compression) 是一種針對(duì)因特網(wǎng)的新格式。事實(shí)上,YouTube 推薦使用 MP4。YouTube 接收多種格式,然后全部轉(zhuǎn)換為 .flv 或 .mp4 以供分發(fā)。越來(lái)越多的視頻發(fā)布者轉(zhuǎn)到 MP4,將其作為 Flash 播放器和 HTML5 的因特網(wǎng)共享格式。 |
最新的 HTML5 標(biāo)準(zhǔn)只支持 MP4, WebM, 和 Ogg 視頻格式。 |
聲音格式
MP3是一種音頻壓縮技術(shù),其全稱是動(dòng)態(tài)影像專家壓縮標(biāo)準(zhǔn)音頻層面3(Moving Picture Experts Group Audio Layer III),簡(jiǎn)稱為MP3。它被設(shè)計(jì)用來(lái)大幅度地降低音頻數(shù)據(jù)量。如果你的站點(diǎn)是音樂(lè)類型的,你可以選擇mp3格式。
格式 | 文件 | 描述 |
---|---|---|
MIDI |
| MIDI (Musical Instrument Digital Interface) 是一種針對(duì)電子音樂(lè)設(shè)備(比如合成器和聲卡)的格式。MIDI 文件不含有聲音,但包含可被電子產(chǎn)品(比如聲卡)播放的數(shù)字音樂(lè)指令。點(diǎn)擊這里播放 The Beatles。因?yàn)?MIDI 格式僅包含指令,所以 MIDI 文件極其小巧。上面的例子只有 23k 的大小,但卻能播放將近 5 分鐘。MIDI 得到了廣泛的平臺(tái)上的大量軟件的支持。大多數(shù)流行的網(wǎng)絡(luò)瀏覽器都支持 MIDI。 |
RealAudio |
| RealAudio 格式是由 Real Media 針對(duì)因特網(wǎng)開發(fā)的。該格式也支持視頻。該格式允許低帶寬條件下的音頻流(在線音樂(lè)、網(wǎng)絡(luò)音樂(lè))。由于是低帶寬優(yōu)先的,質(zhì)量常會(huì)降低。 |
Wave | .wav | Wave (waveform) 格式是由 IBM 和微軟開發(fā)的。所有運(yùn)行 Windows 的計(jì)算機(jī)和所有網(wǎng)絡(luò)瀏覽器(除了 Google Chrome)都支持它。 |
WMA | .wma | WMA 格式 (Windows Media Audio),質(zhì)量?jī)?yōu)于 MP3,兼容大多數(shù)播放器,除了 iPod。WMA 文件可作為連續(xù)的數(shù)據(jù)流來(lái)傳輸,這使它對(duì)于網(wǎng)絡(luò)電臺(tái)或在線音樂(lè)很實(shí)用。 |
MP3 |
| MP3 文件實(shí)際上是 MPEG 文件的聲音部分。MPEG 格式最初是由運(yùn)動(dòng)圖像專家組開發(fā)的。MP3 是其中最受歡迎的針對(duì)音樂(lè)的聲音格式。期待未來(lái)的軟件系統(tǒng)都支持它。 |
HTML5 的最新標(biāo)準(zhǔn)支持 MP3, WAV, 和 Ogg 音頻格式。 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
讓后面的文字、圖片、表格等等,顯示在下一行
碼海無(wú)際<br>碼海無(wú)際
在網(wǎng)頁(yè)中要把文字有條理地顯示出來(lái),離不開段落標(biāo)簽,就如同我們平常寫文章一樣,整個(gè)網(wǎng)頁(yè)也可以分為若干個(gè)段落,而段落的標(biāo)簽就是
<p>碼海無(wú)際</p><p>碼海無(wú)際</p>
在網(wǎng)頁(yè)中常常看到一些水平線將段落與段落之間隔開,使得文檔結(jié)構(gòu)清晰,層次分明。這些水平線可以通過(guò)插入圖片實(shí)現(xiàn),也可以簡(jiǎn)單地通過(guò)標(biāo)簽來(lái)完成,hr 就是創(chuàng)建橫跨網(wǎng)頁(yè)水平線的標(biāo)簽。
碼海無(wú)際<hr>碼海無(wú)際
分區(qū)顯示標(biāo)簽,也稱之為層標(biāo)簽,常用來(lái)編排一大段的HTML段落,也可以用于格式化表,和 p 很相似,是塊狀元素,經(jīng)常嵌套使用。
<div>碼海無(wú)際</div><div>碼海無(wú)際</div><div> <div>碼海無(wú)際</div> <div>碼海無(wú)際</div></div>
用來(lái)組合文檔中的行內(nèi)元素,沒有固定的格式表現(xiàn)。當(dāng)對(duì)它應(yīng)用樣式時(shí),它才會(huì)產(chǎn)生視覺上的變化。
<span>碼海無(wú)際</span><span>碼海無(wú)際</span>
pre 元素可定義預(yù)格式化的文本。被包圍在 pre 元素中的文本通常會(huì)保留空格和換行符。而文本也會(huì)呈現(xiàn)為等寬字體。
<pre> 碼海無(wú)際 碼海無(wú)際</pre>
無(wú)序列表的各個(gè)列表項(xiàng)之間沒有順序級(jí)別之分,是并列的。
<ul> <li>碼海無(wú)際</li> <li>碼海無(wú)際</li> <li>碼海無(wú)際</li></ul>
注意:
1. <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>標(biāo)簽中輸入其他標(biāo)簽或者文字的做法是不被允許的。 2. <li>與</li>之間相當(dāng)于一個(gè)容器,可以容納所有元素。 3. 無(wú)序列表會(huì)帶有自己樣式屬性,但是不推薦使用,一般會(huì)用CSS設(shè)置。
有序列表即為有排列順序的列表,其各個(gè)列表項(xiàng)按照一定的順序排列定義
1.格式:
<ol type="符號(hào)類型"> <li type="符號(hào)類型"></li> <li type="符號(hào)類型"></li></ol>
2.有序列表的type屬性值:
3.有序列表的value屬性值:
4.列表可以進(jìn)行嵌套
<ol> <li>碼海無(wú)際</li> <li>碼海無(wú)際</li> <li>碼海無(wú)際</li></ol><hr><ol type="A"> <li>碼海無(wú)際</li> <li>碼海無(wú)際</li> <li>碼海無(wú)際</li></ol><hr><ol> <li>碼海無(wú)際</li> <li type="A">碼海無(wú)際</li> <li>碼海無(wú)際</li></ol><hr><ol> <li>碼海無(wú)際</li> <li>碼海無(wú)際</li> <li value="6" type="A">碼海無(wú)際</li> <li>碼海無(wú)際</li> <li>碼海無(wú)際</li></ol><hr><ol> <li>碼海無(wú)際</li> <li>碼海無(wú)際</li> <li> <ol type="A"> <li>志存高遠(yuǎn)</li> <li>志存高遠(yuǎn)</li> </ol> </li> <li>碼海無(wú)際</li> <li>碼海無(wú)際</li></ol>
對(duì)列表?xiàng)l目進(jìn)行簡(jiǎn)短的說(shuō)明
<dl> <dt>軟件說(shuō)明:</dt> <dd>這是軟件說(shuō)明</dd> <dt>軟件界面:</dt> <dd>這是軟軟件界面</dd></dl>
居中對(duì)齊
<center>碼海無(wú)際</center>
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。