【文章內(nèi)容簡介】 一個 img元素，二是將圖像作為背景嵌入到網(wǎng)頁中 ?由于 CSS的背景屬性的功能很強大，現(xiàn)在更推薦將所有的圖像都作為背景嵌入。如果圖像是通過 img元素插入，則可以在瀏覽器上通過按住鼠標左鍵拖動選中圖片，或者將它拖動到地址欄里，如果作為背景嵌入，則無法選中圖片 圖像標記 img 網(wǎng)頁中支持的圖像文件格式 ?網(wǎng)頁中可以插入的圖像文件的類型有 jpg格式， gif格式和 png格式。這些文件都是壓縮格式的圖像格式，其中 jpg格式適合用于網(wǎng)頁中較大尺寸的 真彩色圖片 ，是一種有損壓縮的格式； gif格式一般用于較小尺寸的圖片，是一種無損壓縮的格式，只支持 256色， GIF在存儲非連續(xù)色調(diào)的圖像或具有大面積單一色彩的圖像方面比較出色， gif格式的特點是可以實現(xiàn) gif動畫 ，和 gif全透明的圖像 ；png格式可以用于 alpha透明效果 ，但 IE6不能夠支持。 img標記的常見屬性 ? img是一個行內(nèi)元素，插入 img元素不會導(dǎo)致任何換行。下面是 img標記的常見屬性： img的屬性 含義 src 圖片文件的 url地址 alt 當圖片無法顯示時顯示的替換文字 title 鼠標停留在圖片上時顯示的說明文字 align 圖片的對齊方式，默認為基線對齊，即圖片的 下邊緣和文字的下邊緣對齊 width、 height 圖片在網(wǎng)頁中的寬和高 在單元格中插入圖像的方法 ?對于表格布局的網(wǎng)頁，所有的元素都是放置在單元格中的，圖像也不例外，要在單元格中插入圖像，且單元格的邊框和圖像之間沒有間隙。那么必須將該單元格的寬和高設(shè)置為圖片的寬和高，且表格中其它單元格的大小也必須固定，然后確保 td與 /td之間只有 img標記， 沒有空格和換行符 ，否則單元格會被空格撐開。如： ?td width=768 height=132img src=images/ //td ! /td不能換行 img插入圖像的對齊方式 ?img標記的對齊方式仍然通過 align屬性實現(xiàn)，但其取值多達 9種，其中要實現(xiàn)圖片和文本混排可使用“左對齊”或“右對齊”，要實現(xiàn)文本和圖片頂部對齊可使用“文本上方”。 ?img src=images/ width=158 height=41 align=left/，但通常是將圖片放在表格里，通過表格定位來實現(xiàn)文本和圖像的混排。 復(fù)習(xí)題 ?a標記的常用屬性有哪些 ?href target name title ?img標記的常用屬性有哪些 ?src width height alt title 作 業(yè)（第一次） ?用 DW制作一個個人求職的網(wǎng)頁，要求用 表格布局 ，網(wǎng)頁中必須包含 圖像 、 文本 、 列表 、 鏈接 及表格 等基本元素，制作完成后，把該網(wǎng)頁的源代碼抄寫兩遍交上來 ?或者直接用編寫代碼的方式制作該網(wǎng)頁，再在作業(yè)本上抄寫兩遍 ?下次上課前必須交，否則扣 10分 (10/30) 媒體元素插入標記embed / object /object 插入 flash的兩種方法 ?方法一：執(zhí)行菜單命令 ：“插入－媒體－ flash”，在代碼視圖中可看到插入 flash元素是通過同時插入object標記和 embed標記實現(xiàn)的，以確保在 IE5和Firefox中都獲得應(yīng)有的效果 ?方法二：執(zhí)行菜單命令：“ 插入－媒體－插件 ”，此方法在代碼視圖中僅插入了 embed元素。由于IE6和 Firefox都能正常顯示效果，而代碼更簡潔，所以推薦用這種方式 （但不能用來插入透明 flash，否則 IE瀏覽器中沒有 object標記的 parm屬性不會透明） 在圖像上添加透明 flash ?首先可以將一張需要放置透明 flash的圖片作為單元格的背景導(dǎo)入，然后在此單元格內(nèi)插入一個透明 flash文件，可以調(diào)整此 flash元素的大小與單元格相一致，選中該 flash文件，點擊屬性面板里的“參數(shù)”按鈕，新建一個參數(shù)“ wmode” 值設(shè)置為“ transparent”。 ? object classid=clsid:D27CDB6EAE6D11cf96B8444553540000 width=768 height=132 ? param name=movie value=xxwlzx/ / ? param name=quality value=high / ? param name=wmode value=transparent / ? embed src=xxwlzx/ quality=high pluginspage= type=application/xshockwaveflash width=768 height=130 wmode=transparent/embed ? /object 這句使 flash在 IE瀏覽器中透明 這句使 flash在非 IE瀏覽器中透明 插入視頻或音頻文件 插入視頻可分別使用 ActiveX按鈕或插件按鈕實現(xiàn) object width=280 height=216 param name=autostart value=false / embed src= width=280 height=216 autostart=false/embed /object ActiveX 方式 embed src=“” width=“276” height=“218” autostart=“false”/embed 插件方式 流媒體簡介 ?流媒體實際指的是一種新的 媒體傳送方式 ，而非一種新的媒體 ,流式傳輸方式將整個多媒體文件經(jīng)過特殊的壓縮方式分成一個個 壓縮包 ，由視頻服務(wù)器向用戶計算機連續(xù)、實時傳送。在采用流式傳輸方式的系統(tǒng)中，用戶不必像采用下載方式那樣等到整個文件全部下載完畢 ?常見的流媒體文件格式 ? real公司： rm\rmvb\ra ? apple公司： quicktime\mov ? microsoft公司： asf\wmv\wma 插入流媒體元素的方法 ?網(wǎng)頁中插入流媒體也能向插入一般媒體一樣使用 embed標記，只是要在 classId框中設(shè)置流媒體的類型 插入 Real Player流格式的視頻文件 屬性面板中設(shè)置 : ClassID為 RealPlayer…… 。 選中 Embed復(fù)選框。 Src為 。 單擊“參數(shù) …” 按鈕，設(shè)置屬性。 parm參數(shù)示例 ?參數(shù)： console 屬性：可以將各種不同的RealPlayer控制聚集在網(wǎng)頁上，這樣它們可以交互使用或是保持獨立，而且互相不影響 演示 ? 容器標記 div span div和 span ?div和 span是不含有任何語義的標記，用來在其中放置任何網(wǎng)頁元素，就象一個容器一樣，當把文字放入后，文字的格式外觀都不會發(fā)生任何改變，應(yīng)用容器標記的主要作用是通過引入 CSS屬性對容器內(nèi)元素內(nèi)容的表現(xiàn)進行設(shè)置。 ?div和 span的唯一區(qū)別是 div是塊級元素 ， span是行內(nèi)元素 。 div和 span body div style=backgroundcolor:3399ff塊狀區(qū)域 1/div div style=backgroundcolor:99ccff塊狀區(qū)域2/div span style=backgroundcolor:ffccff行間區(qū)域1/span span style=backgroundcolor:993399行間區(qū)域2/span /body ? div標記是一個塊狀的容器，其默認的狀態(tài)就是占據(jù)整個一行。 ? span標記是一個行內(nèi)的容器，其默認狀態(tài)是行內(nèi)的一部分，占據(jù)行的長短由內(nèi)容的多少來決定