【正文】 able width=200 border=5 bordercolor=66CCFF tr td單元格 1/td td單元格 2/td /tr tr td單元格 3/td td單元格 4/td /tr /table /body /html 第 18頁(yè) 任務(wù)一 表格的設(shè)計(jì) – 內(nèi)框?qū)挾?cellspacing （間距） ? 用于設(shè)置表格內(nèi)部每個(gè)單元格之間的間距，單位是像素； ? 語(yǔ)法： – table cellspacing=“內(nèi)框?qū)挾戎?” – 表格內(nèi)文字與邊框間距 cellpadding （填充） ? 在默認(rèn)情況下，單元里的內(nèi)容會(huì)緊貼著表格的邊框，這樣看上去非常擁擠。單位可以是 %或者象素。 – valign屬性：指定表格或某一個(gè)單元格里的內(nèi)容（文本、圖片等） 的垂直對(duì)齊 方式 。 charset=gb2312 / title垂直跨度 /title /head body table width=500 border=1 align=center cellpadding=5 cellspacing=1 tr td商品名稱： /td td彩晶石銀手鏈 /td /tr tr td規(guī)格： /td td材質(zhì)： 925純銀 天然紫晶 黃晶 橄欖石 /td /tr tr td單位： /td td每條 /td /tr tr td rowspan=2類別： /td td925銀飾 /td /tr tr td銀鏈?zhǔn)骤C /td /tr /table /body /html 第 31頁(yè) 任務(wù)一 表格的設(shè)計(jì) ● 表格的結(jié)構(gòu) 表首 標(biāo)記 thead、表主體標(biāo)記 tbody以及表尾標(biāo)記 tfoot ，使用這些標(biāo)記能對(duì)表格的一行或多行單元格屬性進(jìn)行統(tǒng)一修改，從而省去了逐一修改單元格屬性的麻煩。 charset=utf8 / title作業(yè) 33/title /head body table width=470 border=1 align=center caption動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)與制作 /caption thead bgcolor=FF7FFF tr height=40 th網(wǎng)頁(yè)設(shè)計(jì) /th th數(shù)據(jù)庫(kù)開(kāi)發(fā) /th th程序設(shè)計(jì) /th /tr /thead tbody bgcolor=FF00FF tr tdDreamweaver/td tdAcess/td tdC++/td /tr tr td rowspan=2Dreamweaver/td tdAcess/td tdVBscript/td /tr tr tdAcess/td tdJAVAscript/td /tr /tbody tfoot bgcolor=00DFFF tr td colspan=3 table width=100% td郵箱 /td td/td td地址 /td td電話 /td /table /td /tr /tfoot /table /body /html 作業(yè) 315源代碼 第 44頁(yè) ● 作業(yè) 3—16 – 根據(jù)下面的內(nèi)容， 編寫(xiě)如下圖所示效果對(duì)應(yīng)的 html代碼 某班級(jí)同學(xué)的期末成績(jī)表 姓名 語(yǔ)文 數(shù)學(xué) 英語(yǔ) 專業(yè)課 王爽 87 92 88 80 李威 90 90 85 86 高鵬 79 89 90 92 任務(wù)一 表格的設(shè)計(jì) 第 45頁(yè) ●作業(yè) 316 – 根據(jù)下面的內(nèi)容， 編寫(xiě)如下圖所示效果對(duì)應(yīng)的html代碼 任務(wù)一 表格的設(shè)計(jì) 任務(wù)二 圖片視頻的插入 第 47頁(yè) 任務(wù)二 圖片視頻的插入 ● 圖片的插入 – img src=“圖片地址” ? 引用圖片必須用 img元素標(biāo)志。 第 49頁(yè) 任務(wù)二 圖片視頻的插入 ● 圖片的插入 – 圖像的垂直邊距 vspace ? 調(diào)整圖像與文字的垂直邊距 – 圖像的水平邊距 hspace ? 調(diào)整圖像與文字之間的水平距離 – 圖像的對(duì)齊方式 align 屬性值 含義 Left 圖片左對(duì)齊 Center 圖片水平中線和當(dāng)前行的文字中線對(duì)齊 right 右對(duì)齊 bottom 圖片的底部和當(dāng)前行的文字底部對(duì)齊 Top 圖片的頂端和當(dāng)前行的文字頂端對(duì)齊 middle 圖片水平中線和當(dāng)前行的文字中線對(duì)齊 第 50頁(yè) 作業(yè) 321 素材： 回歸 大自然的體驗(yàn)，嘗試做個(gè)摩登原始人，登天入地，攀巖涉水，充滿樂(lè)趣，個(gè)人訓(xùn)練、團(tuán)體活動(dòng)皆適宜 ,是全山西省最大、最富趣味性與挑戰(zhàn)性的山訓(xùn)場(chǎng)。 charset=utf8/ /title /head body table width=995 cellpadding=0 cellspacing=0 align=center tr td colspan=2img src=images/ width=995 height=140/td /tr tr td rowspan=3img src=images/ width=217 height=559/td tdembed src=images/ width=778 height=250 /embed /td /tr tr tdimg src=images/ width=778 height=81/td /tr tr tdimg src=images/ width=234 height=194 align=left pfont size=3 /fontfont size=3 face=宋體 公司始創(chuàng)于 1992年，是一家集科研、生產(chǎn)、銷售、技術(shù)服務(wù)于一體的規(guī)?；瘜I(yè)型農(nóng)業(yè)科技公司。 /p p 作為一名發(fā)展勢(shì)頭強(qiáng)勁的農(nóng)業(yè)科技新貴，公司正以快速而穩(wěn)健的步伐走在種子行業(yè)的前沿，并逐步向集團(tuán)化公司過(guò)渡。 作業(yè) 323 第 64頁(yè) 作業(yè) 323 單元格寬： 204，高： 231 單元格寬： 204， 高： 263 單元格寬 ： 486， 高： 263 單元格寬： 202， 高： 263 單元格寬： 202， 高： 231 “關(guān)于 …”的圖片都以單元格背景圖片插入 插入內(nèi)嵌表格， 1行 7列， 寬度： 900，邊框不顯示，單元格背景色： 0375B4 設(shè)置背景音樂(lè)為： ，播放次數(shù)為 5 單元格高： 43 設(shè)置滾動(dòng)文字，內(nèi)容 為：學(xué)校地址：云南省麗江市麗江師范高等?？茖W(xué)校 聯(lián)系方式：08883196079 郵編： 674100 整個(gè)表格：寬度： 900，邊框不顯示，間距為 0，填充為 0，居中對(duì)齊 第 65頁(yè) 任務(wù)二 圖片視頻的插入 %LANGUAGE=VBSCRIPT CODEPAGE=65001% head meta equiv=ContentType content=text/html。利用這一特點(diǎn)，框架技術(shù)可以廣泛地應(yīng)用到網(wǎng)站導(dǎo)航和文檔瀏覽器中，方便訪問(wèn)者對(duì)網(wǎng)頁(yè)的瀏覽，減少訪問(wèn)者下載頁(yè)面所需的時(shí)間。 – 框架的 邊框?qū)挾?framespacing ? 默認(rèn)情況下，框架的邊框?qū)挾葹?1； ? 通過(guò) framespacing可以 控制 邊框?qū)挾龋? – border設(shè)置 邊框的寬度 – 框架邊框顏色 bordercolor 第 80頁(yè) 任務(wù)五 框架 ● 設(shè)置窗口屬性 frame frame用來(lái)定義每一個(gè)單獨(dú)的框架頁(yè)面，框架頁(yè)面的屬性設(shè)置都在 frame標(biāo)記里進(jìn)行。而iframe浮動(dòng)框架可以完全由指定寬度和高度決定。 – 提交表單 action ? 用于指定表單數(shù)據(jù)提交到那個(gè)地址進(jìn)行處理 – 表單名稱 name ? 用于給表單命名，這一屬性不是表單的必要屬性，但是為了防止表單提交后到后頭處理程序時(shí)出現(xiàn)混亂，一般需要給表單命名。 屬性值 含義 _blank 將鏈接的文件載入一個(gè)未命名的新瀏覽器窗口中； _parent 為將鏈接的文件載入含有該鏈接框架的父框架架或父窗口中； _self 為將鏈接的文件載入該鏈接所在的同一框架或窗口中 _top 在整個(gè)瀏覽器窗口中載入所鏈接的文件，因而會(huì)刪除所有框架。和其它大多數(shù)表單對(duì)象不一樣，文本域使用的是textarea。 – selected表示該選項(xiàng)在默認(rèn)情況下是選中的，一個(gè)下拉菜單中只能有一個(gè)默認(rèn)選項(xiàng)被選中。 – 語(yǔ)法 ? input type=“radio” name=“單選按鈕名稱 ” value=“單選按鈕的取值 ” checked=checked/ ? 在單選按鈕中必須設(shè)置 value的值，提交到后臺(tái)的； ? 對(duì)于一個(gè)選擇列表中的所有單選按鈕來(lái)說(shuō)，往往要設(shè)置為相同的名稱，這樣在傳遞時(shí)才能更好地對(duì)某一個(gè)選擇內(nèi)容進(jìn)行判斷； ? 一 個(gè)單選按鈕組中只有一個(gè)單選按鈕可以設(shè)置為checked； 第 106頁(yè) 任務(wù)六 表單 – 應(yīng)用實(shí)例 ? e365（ ok） .asp 第 107頁(yè) 任務(wù)六 表單 ● 插入復(fù)選框 checkbox 復(fù)選框可以讓用戶從一個(gè)選項(xiàng)列表中選擇超過(guò)一個(gè)選項(xiàng)。 第 99頁(yè) 任務(wù)六 表單 – 應(yīng)用實(shí)例 ? e362（ ok） .asp 第 100頁(yè) 任務(wù)六 表單 ● 插入密碼文本字段 password 密碼域是一種特殊的文字字段，它的各屬性和文字字段是相同的。 ? 說(shuō)明：傳送方法的值只有兩種即 get和 post。 charset=utf8 / title無(wú)標(biāo)題文檔 /title /head body table width=800 border=0 align=center cellpadding=0 cellspacing=0 tr td colspan=2 scope=colimg src=images/ width=900 height=140 //td /tr tr td width=202 height=231 background=images/ valign=top table align=center trtd/td/tr trtd height=40/td/tr trtd height=40a href= target=mainframe賽場(chǎng)報(bào)道 /a/td/tr trtd height=40a href= target=mainframe賽場(chǎng)布局 /a/td/tr trtd height=40a href= target=mainframe賽場(chǎng)介紹 /a/td/tr trtd height=40/td/tr /table /td td width=703 iframe src= name=mainframe width=700 height=230/iframe /td /tr /table /body /html 任務(wù)六 表單 第 91頁(yè) 任務(wù)六 表單 在制作動(dòng)態(tài)網(wǎng)頁(yè)時(shí)，要實(shí)現(xiàn)信息交互，常常用到表單。 – 應(yīng)用舉例 第 83頁(yè) 任務(wù)五 框架 – 不支持框架標(biāo)記 noframes ? 如果遇到不支持框架結(jié)構(gòu)的瀏覽器 ,此時(shí)就需要 noframe來(lái)設(shè)置替換內(nèi)容，告訴瀏覽者其瀏覽器無(wú)法打開(kāi)框架頁(yè)面。 第 76頁(yè) 任務(wù)五 框架 ● 框架的基本概念 – 框架 ? 框架是瀏