【正文】 打開的瀏覽器窗口中，而鏈接所在的瀏覽器窗口并不關(guān)閉。 圖片視頻的插入總結(jié) img src=“url ” alt border width height align vspace hspace 圖片的插入 img embed src=“url ” /embed width height align vspace hspace 動(dòng)畫和視頻插入embed marquee/marquee Scrollamount Scrolldelay bgcolor width height hspace vspace 滾動(dòng)標(biāo)記 marquee img embed marquee bgsound src=“ 背景音樂的地址” Loop=“ 循環(huán)次數(shù)” 第 63頁 ●作業(yè) 323 – 使用代碼編寫教材項(xiàng)目三任務(wù)一中的首頁。如果設(shè)置的時(shí)間比較長，會(huì)產(chǎn)生走走停停的效果。 屬性值 含義 scroll 循環(huán)滾動(dòng)，默認(rèn)效果 slide 只滾動(dòng)一次就停止 alternate 來回交替進(jìn)行滾動(dòng) 第 60頁 任務(wù)二 圖片視頻的插入 ● 設(shè)置滾動(dòng)效果 – 滾動(dòng)標(biāo)記 marquee ? marquee…滾動(dòng)的內(nèi)容 …/marquee – Scrollamount ? 設(shè)置滾動(dòng)的快慢，滾動(dòng)的速度實(shí)際上是設(shè)置每次滾動(dòng)時(shí)移動(dòng)的長度，以像素為單位。我們堅(jiān)信：在全體同仁的共同努力下，公司的明天會(huì)更美好，一定能夠在農(nóng)業(yè)的騰飛中大放異彩！！ /p/font/td /tr tr td colspan=2 img src=images/ width=985 height=87/td /tr /table /body /html 第 55頁 任務(wù)二 圖片視頻的插入 ● 插入音頻文件 – 語法 ? embed src=“多媒體文件地址 ” width=“多媒體的寬度 ” heiht=“多媒體的高度 ” ? 例如： ? embed src=“images/” width=“500” height=“400”/embed 第 56頁 第 57頁 任務(wù)二 圖片視頻的插入 ● 插入背景音樂 – 語法 ? bgsound src=“背景音樂的地址 ” Loop=“循環(huán)次數(shù) ” – 背景音樂需要不斷地播放，可以通過設(shè)置 loop來實(shí)現(xiàn)循環(huán)次數(shù)的控制； – 循環(huán)次數(shù)設(shè)置為 true，表示無限次地循環(huán)播放背景音樂； 第 58頁 任務(wù)二 圖片視頻的插入 ● 設(shè)置滾動(dòng)效果 – 滾動(dòng)標(biāo)記 marquee ? marquee…滾動(dòng)的內(nèi)容 …/marquee – direction ? 默認(rèn)情況下職能從右向左滾動(dòng)，通過 direction設(shè)置不同的滾動(dòng)方向。銷售方面，公司經(jīng)過多年的探索和創(chuàng)新，開發(fā)出了一套惠及各方利益的市場運(yùn)作方案，建立起了 1100余個(gè)銷售服務(wù)網(wǎng)點(diǎn)，使公司及產(chǎn)品在當(dāng)?shù)囟夹纬闪肆己玫目诒榱耸蛊髽I(yè)能夠持續(xù)、健康、穩(wěn)定地發(fā)展，公司將所獲利潤的較大部分投入到了產(chǎn)品研發(fā)之中，在自主研發(fā)與合作開發(fā)的理念指導(dǎo)下，與國內(nèi)眾多大專院校、科研機(jī)構(gòu)及企業(yè)有著密切地交流及技術(shù)往來，并建立了科研試驗(yàn)基地 160多畝。按照現(xiàn)代企業(yè)制度的要求，堅(jiān)持有利于科研、有利于生產(chǎn)、有利于銷售的“三個(gè)有利于”原則；在管理機(jī)構(gòu)的設(shè)置上則堅(jiān)持減少層次、職責(zé)分明、提高效率的原則。公司本著“科技為民所用”的原則，致力于農(nóng)業(yè)科技成果的轉(zhuǎn)化和推廣，在研發(fā)具有自主知識(shí)產(chǎn)權(quán)產(chǎn)品的同時(shí)，以亞洲為中心，積極引進(jìn)和篩選來自世界各地的優(yōu)質(zhì)產(chǎn)品資源。 /body /html 第 52頁 任務(wù)二 圖片視頻的插入 ● 插入 flash動(dòng)畫 – 語法： ? embed src=“多媒體文件地址 ” width=“多媒體的寬度 ” heiht=“多媒體的高度 ”/embed 第 53頁 作業(yè) 322 表格：寬度 995，無填充 ，無間距 居中對(duì)齊 圖片：寬度 995，高： 140 swf：寬度 778，高： 250 圖片：寬度 217，高： 559 圖片：寬度 778，高： 81 圖片：寬度 234，高： 194 左對(duì)齊 文字：宋體 字號(hào)： 4 圖片：寬度 985，高： 87 第 54頁 任務(wù)二 圖片視頻的插入 %LANGUAGE=VBSCRIPT CODEPAGE=65001% head meta equiv=ContentType content=text/html。本山訓(xùn)場是一片布置于樹林及原野間的山訓(xùn)場，場內(nèi)的設(shè)施均具野味而刺激。 第 51頁 任務(wù)二 圖片視頻的插入 %LANGUAGE=VBSCRIPT CODEPAGE=65001% head meta equiv=ContentType content=text/html。本山訓(xùn)場是一片布置于樹林及原野間的山訓(xùn)場，場內(nèi)的設(shè)施均具野味而刺激。 – border ? 圖像的邊框 ? 可以為圖像添加邊框線，但是邊框的顏色不可以設(shè)置，邊框的顏色為黑色，當(dāng)圖像添加了超鏈接時(shí)，邊框顏色和鏈接文字顏色一致。 ? 語法： img src=“url” alt=“圖像提示文字” 第 48頁 任務(wù)二 圖片視頻的插入 ● 圖片的插入 – 圖片的顯示 大小 ? img src=“erl“ width=“” height=“” ? width指定圖片的寬度， height指定高度。 Src的 URL可以是絕對(duì)地址，也可以是 相對(duì)地址。 img元素下的基本元素屬性是 src屬性， src的屬性值為所引用的圖片的 URL地址。 charset=utf8 / title消費(fèi)記錄 /title /head body table width=400 border=1 align=center caption一月、二月消費(fèi)記錄表 /caption tr bgcolor=FF9966 th align=left消費(fèi)項(xiàng)目 ..../th th align=right一月 /th th align=right二月 /th /tr tr bgcolor=FFCCFF td align=left衣服 /td td align=right$/td td align=right$/td /tr tr bgcolor=66CC99 td align=left化妝品 /td td align=right$/td td align=right$/td /tr tr bgcolor=FFCCFF td align=left食物 /td td align=right$/td td align=right$/td /tr tr bgcolor=FF9966 th align=left總計(jì) /th th align=right$/th th align=right$/th /tr /table /body /html 作業(yè) 314源代碼 第 42頁 任務(wù)一 表格的設(shè)計(jì) ● 作業(yè) 315 – 使用 代碼 編寫一個(gè)網(wǎng)頁 ,要求： – 表格居中對(duì)齊，表格邊框?yàn)?1像素，表格的寬度為 470像素； – 第一行使用 th； – 最后一行合并了三列，嵌套了一個(gè)表格，該表格寬度為100%,無邊框，為一行四列； – 分別使用 thead、 tbody、 tfoot三個(gè)標(biāo)簽設(shè)置表格的顏色，如右下圖所示，顏色可以自己選擇； – 將文件保存為：姓名作業(yè) ，并上交 第 43頁 任務(wù)一 表格的設(shè)計(jì) %LANGUAGE=VBSCRIPT CODEPAGE=65001% html head meta equiv=ContentType content=text/html。 charset=utf8 / title作業(yè) 32/title /head body table border=1 tr td rowspan=2阿里巴巴旗下網(wǎng)站 /td td我要買 /td td我要買 /td td我淘寶 /td /tr tr td colspan=3你好，歡迎來淘寶！ /td /tr /table /body /html 作業(yè) 312源代碼 第 38頁 跨 2行 ，并放了一副圖片 此單元格放了 一副圖片 此單元格跨了 3列 作業(yè) 313 編寫如下圖所示效果對(duì)應(yīng)的 html代碼 插入圖片： img src=url width=“圖片寬度 ” heigjt=“圖片高度 ” 任務(wù)一 表格的設(shè)計(jì) 第 39頁 任務(wù)一 表格的設(shè)計(jì) %LANGUAGE=VBSCRIPT CODEPAGE=65001% html head meta equiv=ContentType content=text/html。 charset=utf8 / title表格結(jié)構(gòu) /title /head body table width=400 border=1 align=center cellpadding=5 cellspacing=2 caption 某購物網(wǎng)站列表 /caption thead bgcolor=FF33FF align=center tr td產(chǎn)品名稱 /td td類型 /td td價(jià)格 /td /tr /thead 第 33頁 任務(wù)一 表格的設(shè)計(jì) tbody bgcolor=CC99FF align=left tr td手工編織厚圍巾 /td td圍巾 /td td /td /tr tr td彩音盒 MP3/td td數(shù)碼 /td td599元 /td /tr tr td彩晶石銀手鏈 /td td銀飾 /td td68元 /td /tr /tbody tfoot bgcolor=FFCCFF align=righttr td colspan=3 align=right歡迎光臨本購物網(wǎng)站！ /td /tr/tfoot /table /body /html 第 34頁 任務(wù)一 表格的設(shè)計(jì) ● 嵌套表格 – 在 HTML文件中，第一個(gè) table標(biāo)記表示插入第一表格，第二個(gè) table標(biāo)記插入在標(biāo)記td/td之間，表示在單元格中插入表格，也就是嵌套表格。 –表首標(biāo)記 thead ? 語法 – thead bgcolor=“背景顏色 ” align=“對(duì)齊方式 ”…… /thead ? 用于定義表格最上端表首的樣式 ? 一個(gè)表元素中只能有一個(gè) thead標(biāo)記 第 32頁 任務(wù)一 表格的設(shè)計(jì) %LANGUAGE=VBSCRIPT CODEPAGE=65001% html head meta equiv=ContentType content=text/html。 charset=gb2312 / title水平跨度 /title /head body table width=500 border=1 align=center cellpadding=5 cellspacing=1 tr td colspan=2 align=center2023秋冬系列的四大類別 /td /tr tr td童趣 /td td羅曼蒂克 /td /tr