第四講用html創(chuàng)建表格和在頁面多媒體軟件版

第四講網(wǎng)頁中使用表格和多媒體回顧超鏈接文字超鏈接；URL的兩種類型；文檔內(nèi)部超鏈接；圖片超鏈接；電子郵件超鏈接；創(chuàng)建熱點(diǎn)區(qū)域：<map>和<area>框架的使用框架和框架集；框架的劃分；浮動(dòng)框架流行的網(wǎng)站開發(fā)組織結(jié)構(gòu)目標(biāo)掌握表格的使用掌握在網(wǎng)頁中插入多媒體的方法本講主要內(nèi)容表格的使用表格的基本結(jié)構(gòu)合并單元格完整的表格標(biāo)記在網(wǎng)頁中使用多媒體網(wǎng)頁中插入多媒體的現(xiàn)狀網(wǎng)頁中插入flash的方法網(wǎng)頁中使用背景音樂重點(diǎn)：表格的使用難點(diǎn)：網(wǎng)頁中插入多媒體一、表格的使用表格的基本結(jié)構(gòu)<table></table>定義表格的基本框架<tr></tr>定義表格的行<td></td>定義表格中行內(nèi)的單元格合并單元格使用colspan屬性左右合并單元格使用rowspan屬性上下合并單元格注意：在合并單元格時(shí)要注意單元格之間的對(duì)應(yīng)一、表格的使用一、表格的使用設(shè)置表格大小和對(duì)齊方式

√屬性width、height設(shè)置表格的寬度和高度（用像素px來表示）√對(duì)齊方式align

設(shè)置單元格中的文字居中對(duì)齊center，靠左對(duì)齊left，靠右對(duì)齊right√設(shè)置表格背景色和邊框顏色屬性bgcolor

通過例子體現(xiàn)√自學(xué)屬性cellpadding和cellspacing

思考：

valign是什么意思？

一、表格的使用完整的表格標(biāo)記定義表頭部分<thead></thead>定義表格主體<tbody></tbody>定義表格腳注<tfoot></tfoot>注意：三個(gè)標(biāo)簽的顯示順序是<thead>,<tfoot>,<tbody>三個(gè)標(biāo)簽都必須同時(shí)使用，要么都不用<thead>和<tfoot>的內(nèi)容要用<tr><td>來表示，不推薦直接表示二、在網(wǎng)頁中使用多媒體網(wǎng)頁中插入多媒體的現(xiàn)狀網(wǎng)頁中常見的媒體格式圖片(gif,jpg)，F(xiàn)lash（矢量動(dòng)畫），其他視頻和音頻格式文件（wmv、rm、mp3等）瀏覽器自身沒有播放多媒體的能力IE，利用Activex插件形式，即和系統(tǒng)集成的方式，只要計(jì)算機(jī)安裝的相應(yīng)的媒體文件的播放器，那么就可以直接在網(wǎng)頁里引用播放該媒體文件其他瀏覽器，如firefox、Safari、Opera等，也是靠第三方插件的形式來播放媒體文件的，本身沒有播放的功能所有瀏覽器對(duì)flash的支持都是很好的，所以網(wǎng)頁推薦使用flash格式的媒體二、在網(wǎng)頁中使用多媒體<object>標(biāo)記w3c指定的標(biāo)準(zhǔn)的插入多媒體的標(biāo)記由于歷史原因<object>標(biāo)記始終沒有被多數(shù)非IE瀏覽器所接受<embed>標(biāo)記標(biāo)準(zhǔn)之外的插入多媒體的標(biāo)記多數(shù)非IE類瀏覽器支持使用該標(biāo)記插入多媒體，而對(duì)<objcet>的實(shí)現(xiàn)方式和IE有很大差別在HTML5草案中，<embed>標(biāo)記寫入了標(biāo)準(zhǔn)二、在網(wǎng)頁中使用多媒體<object>的使用（插入flash）<objcet>標(biāo)簽使用classid或type屬性來指定媒體播放軟件使用<param>標(biāo)簽的name和value屬性來給媒體播放器傳遞播放參數(shù)，如播放文件的位置等注意：<param>標(biāo)簽要放置在<object>內(nèi)實(shí)例：<objectid="FlashID"classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"width="720"height="576"><paramname="movie"value=“abc.swf"/><paramname="wmode"value="transparent"></object>flash播放器的ID,唯一二、在網(wǎng)頁中使用多媒體<object>的使用（插入wmv格式）注意：wmv的classid是clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95例：<objectclassid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"width="100px"height="100px">WMP接受視頻地址的參數(shù)名為filename例<paramname="Filename"value="國歌.wmv"/>Wmp的其他參數(shù)：（見備注）二、在網(wǎng)頁中使用多媒體<embed>標(biāo)記的使用（插入flash）<embed src="abc.swf"width=200pxheight=200pxtype='application/x-shockwave-flash'></embed>二、在網(wǎng)頁中使用多媒體網(wǎng)頁中插入flash的推薦用法將<objcet>和<embed>結(jié)合例：<objectid="FlashID"classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"width="720"height="576"><paramname="movie"value=“abc.swf"/><paramname="wmode"value="transparent"><embedsrc="abc.swf"width=200pxheight=200pxtype='application/x-shockwave-flash'></embed>

</object>二、在網(wǎng)頁中使用多媒體背景音樂的使用<bgsoundsrc="tellme.wmv"/>IE可用，其他多數(shù)瀏覽器都不支持<embedsrc="tellme.wmv"autostart=true></embed>多數(shù)瀏覽器支持，但根據(jù)播放文件的格式的不同，需要不同的播放插件總結(jié)表格的使用表格的基本結(jié)