Web前端开发技术第三版课后练习答案
P16-第1章 練習(xí)與實(shí)驗(yàn)答案
練習(xí)1
1.選擇題
(1)B (2)D (3)B (4)B (5)D (6)A
2.填空題
(1)標(biāo)記、文本
(2)Tim Berners-Lee（蒂姆·伯納斯·李）
(3)查看
(4)NotePad、EditPlus、TextPad、TopStyle、UltraEdit等
(5)超文本標(biāo)記語(yǔ)言、統(tǒng)一資源定位符（器）、層疊樣式表（級(jí)聯(lián)樣式表）、異步JavaScript和XML
(6)IE、Firefox、Chrome、opera、UCWEB等
3簡(jiǎn)答題
見(jiàn)教材。
實(shí)驗(yàn)1
略
P32-第2章 練習(xí)與實(shí)驗(yàn)答案
練習(xí)2
1.選擇題
(1)B (2)D (3)A (4)B (5)A (6)B
2.填空題
(1)html、htm，index.html、default.html
(2)、
(3)單、雙，雙，開(kāi)始（首）、結(jié)束（尾）
(4)頭部(head)、主體(body)。Body、head
(5) 嚴(yán)格型（Strict）、過(guò)渡型（Transitional）、框架型（Frameset）、<!doctype html>
3．簡(jiǎn)答題
見(jiàn)教材。
實(shí)驗(yàn)2
1.代碼
<!doctype html>
求知家園 歡迎來(lái)到我們的求知家園！2．代碼 Google搜索 歡迎使用Google搜索！
P46-第3章 練習(xí)與實(shí)驗(yàn)答案
練習(xí)3
1.選擇題
(1)A (2)A (3)C (4)C (5)B (6)A (7)B (8)B (9)D (10)A
2.填空題
(1)body、title
(2)、
(3)、
(4)、
(5)、
(6)、
(7)、、。
3.問(wèn)答題
見(jiàn)教材。
實(shí)驗(yàn)3
1.代碼
<!doctype html>
自薦信 自薦信尊敬的領(lǐng)導(dǎo)：
????您好！
????感謝您在百忙之中啟閱我的自薦材料！相信此刻的停留不會(huì)讓您失望！
????我是計(jì)算機(jī)專業(yè)的本科畢業(yè)生。經(jīng)過(guò)將近四年的大學(xué)學(xué)習(xí)和鍛煉，與同齡人一樣，我即將走上工作崗位，通過(guò)社會(huì)來(lái)證實(shí)自己的知識(shí)和能力。為了找到一份符合自己特長(zhǎng)和興趣的工作，更好地發(fā)揮自己的才能，實(shí)現(xiàn)自己的人生價(jià)值，我冒昧地寫(xiě)下這封信，希望能得到您的認(rèn)可，能為貴公司服務(wù)。
????此致敬禮!
聯(lián)系E-mail:zhang@163.com 2．代碼 <!-exp_3_2.html --> 數(shù)學(xué)方程式
數(shù)學(xué)方程式
2x2+3x=9
x1+x2=10
P57-第4章 練習(xí)與實(shí)驗(yàn)答案
練習(xí)4
1.選擇題
(1)C (2)D (3)B (4)B (5)C (6)D
2.填空題
(1) 添加列表項(xiàng)值
(2)無(wú)序列表、有序列表
(3)start、整形數(shù)值、value
3.問(wèn)答題
見(jiàn)教材。
實(shí)驗(yàn)4
1.代碼
<!doctype html>
windows不同版本- windows NT Workstation
- windows NT Server
- windows 2000 Professional
- windows 2000 Server
- windows 2000 Advance Server
第四屆中國(guó)大學(xué)出版社圖書(shū)獎(jiǎng)公示
優(yōu)秀教材一等獎(jiǎng)（68種）P70-第5章 練習(xí)與實(shí)驗(yàn)答案
練習(xí)5
1.選擇題
(1)D (2)C (3)B (4)C (5)B (6)A (7)B
2.填空題
(1) href=“mailto:someone@mail.com”
(2) name、“#target1”
(3)絕對(duì)路徑、相對(duì)路徑、根路徑。相對(duì)、根路徑，絕對(duì)。
(4) 中國(guó)教育網(wǎng)
3.問(wèn)答題
見(jiàn)教材。
實(shí)驗(yàn)5
1.代碼
<!doctype html>
apple網(wǎng)站浮動(dòng)框架中打開(kāi)新頁(yè)面
在左邊浮動(dòng)框架中打開(kāi)百度 在右邊浮動(dòng)框架中打開(kāi)騰訊
P85-第6章 練習(xí)與實(shí)驗(yàn)答案
練習(xí)6
1.選擇題
（1）D （2）A （3）D（4）B
2.填空題
（1）、，
（2）border=“0”
（3）矩形；圓形；多邊形。
3.簡(jiǎn)答題
（1）設(shè)置滾動(dòng)空白空間就是指滾動(dòng)文字背景和它周?chē)淖旨皥D像之間的空白空間范圍。默認(rèn)情況下，滾動(dòng)對(duì)象周?chē)奈淖只驁D像是與滾動(dòng)背景緊密連接的，使用hspace和vspace可以設(shè)置它們之間的空白空間。
（2）
Width設(shè)置寬度 height設(shè)置高度 alt替換文本
實(shí)驗(yàn)6
1、源代碼如下所示：
<!doctype html>
圖像對(duì)齊方式應(yīng)用圖像對(duì)齊方式應(yīng)用
未設(shè)置對(duì)齊方式的圖像:
PNG，圖像文件存儲(chǔ)格式，其目的是試圖(原來(lái)此處使用了"企圖")替代GIF和TIFF文件格式，同時(shí)增加一些GIF文件格式所不具備的特性。
已設(shè)置對(duì)齊方式的圖像：
PNG使用了從LZ77派生的一個(gè)非專利無(wú)失真式壓縮算法（名為deflation）。這個(gè)算法對(duì)圖像里的直線進(jìn)行預(yù)測(cè)然后存儲(chǔ)顏色差值，這使得PNG經(jīng)常能獲得比原始圖像甚至比GIF更大的壓縮率。但也有一些軟件不能使用適合的預(yù)測(cè)而造成過(guò)分臃腫的PNG文件。
PNG使用了從LZ77派生的一個(gè)非專利無(wú)失真式壓縮算法（名為deflation）。這個(gè)算法對(duì)圖像里的直線進(jìn)行預(yù)測(cè)然后存儲(chǔ)顏色差值，這使得PNG經(jīng)常能獲得比原始圖像甚至比GIF更大的壓縮率。但也有一些軟件不能使用適合的預(yù)測(cè)而造成過(guò)分臃腫的PNG文件。
PNG使用了從LZ77派生的一個(gè)非專利無(wú)失真式壓縮算法（名為deflation）。這個(gè)算法對(duì)圖像里的直線進(jìn)行預(yù)測(cè)然后存儲(chǔ)顏色差值，這使得PNG經(jīng)常能獲得比原始圖像甚至比GIF更大的壓縮率。但也有一些軟件不能使用適合的預(yù)測(cè)而造成過(guò)分臃腫的PNG文件。
2.代碼如下所示： 圖像畫(huà)廊圖像畫(huà)廊
P106-第7章 練習(xí)與實(shí)驗(yàn)答案
練習(xí)7
1.選擇題
(1) A (2) C (3) D (4) A (5) D (6) D
2.填空題
(1) id,class
(2) link,href;style,@import url(“外部樣式文件名”);
(3) .css
3.問(wèn)答題
見(jiàn)教材。
實(shí)驗(yàn)7
1.代碼
<!doctype html>
古詩(shī)排版Web前端開(kāi)發(fā)工程師工作內(nèi)容
web前端工程師在不同的公司，會(huì)有不同的職能，但稱呼都是類似。
- 做網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)界面開(kāi)發(fā)
- 做網(wǎng)頁(yè)界面開(kāi)發(fā)
- 做網(wǎng)頁(yè)界面開(kāi)發(fā)、前臺(tái)數(shù)據(jù)綁定和前臺(tái)邏輯的處理
- 設(shè)計(jì)、開(kāi)發(fā)、數(shù)據(jù)處理
P118-第8章 練習(xí)與實(shí)驗(yàn)答案
練習(xí)12
1.選擇題
（1）C （2）A （3）B （4）C （5）A
2.填空題
（1）
（2）top、height。
（3）z-index，position。
3.簡(jiǎn)答題
略
實(shí)驗(yàn)8
1、源代碼：
<!doctype html>
新聞- 2017央視綜藝節(jié)目發(fā)力 彰顯公益大愛(ài)
- 繼北京、上海后，2017年騰訊視頻推介會(huì)昨又在廣州隆重舉行
- “跨界融合 開(kāi)放共贏”移動(dòng)互聯(lián)網(wǎng)營(yíng)銷峰會(huì)
- 首屆“聯(lián)建杯”戶外LED顯示屏媒體大賽評(píng)審圓滿落幕
<!doctype html>
匾牌設(shè)計(jì)海納百川，有容乃大
P146-第9章 練習(xí)與實(shí)驗(yàn)答案
練習(xí)9
1.選擇題
(1) D (2)B (3) D (4) A (5) C
2.填空題
(1)text-indent；text-align:center;
(2)background-repeat:repeat-x;background-position。
(3) red或RGB(100%,0,0)、rgb(255,0,0)、#FF0000、#F00
(4) 邊框?yàn)?像素、雙實(shí)線、紅色。
3.問(wèn)答題
見(jiàn)教材。
實(shí)驗(yàn)9
2、源代碼：
------------------- exp_9_1.html -----------------
<!doctype html>
CSS+div2．
<!doctype html>
Head LineHead Line
Mobile Widget使用的標(biāo)準(zhǔn)的Web技術(shù)，如HTML，CSS，javascript等。這些經(jīng)典的Web技術(shù)規(guī)范是由W3C（萬(wàn)維網(wǎng)聯(lián)盟）的下屬各個(gè)工作組制定并推進(jìn)的。作為開(kāi)發(fā)Widget之前的知識(shí)準(zhǔn)備，在本章中我們將逐一介紹這些技術(shù)。
P168-第10章 練習(xí)與實(shí)驗(yàn)答案
練習(xí)12
1.選擇題
（1）B （2）A （3）C （4）D （5）A
2.簡(jiǎn)答題
（1）略
(2) display: none讓對(duì)象不顯示，原來(lái)不存在。 display:block—作用是顯示特定對(duì)象；visibility: visible—作用是讓特定對(duì)象可視（說(shuō)明原來(lái)就存在，只是不可視），對(duì)使用visibility: hidden :?可以讓對(duì)象隱藏起來(lái)。
實(shí)驗(yàn)12
3、源代碼：
?HTML文件
<!doctype html>
Web頁(yè)面設(shè)計(jì)實(shí)例首頁(yè) | 博客 | 設(shè)計(jì) | 論壇 | 關(guān)于
- 首頁(yè)
- 博客
- 設(shè)計(jì)
- 論壇
- 關(guān)于
歡度新春佳節(jié)
Copyrights 2015-2020 Web前端開(kāi)發(fā)工作室? All rights reserved. 中國(guó)江蘇
?CSS文件
/* exp_10_1.css /
/ 應(yīng)用對(duì)象：edu_10_1.html*/
body {
font-family:Verdana;
font-size:16px;
margin:0;
text-align:center;
}
h4{float:left;margin:45px auto;padding-left:50px;}
p{margin:2px;font-size:14px;
}
#Container {margin:0 auto;
width:900px;
}
#Header {
height:118px;
border-bottom:5px;
background-color:rgb(230,230,230);
border-bottom:5px solid #FFFFFF;
}
#PageBody {
height:380px;
border-bottom:5px solid #FFFFFF;
}
#SideBar {
float:left;
width:200px;
height:380px;
background:#Dff100;
text-align:center;
padding:50px auto;
border-right:5px solid #FFFFFF;
}
#MainBody {
float:right;
width:695px;
height:380px;
background:#cff000;
}
#Footer {
height:60px;
background-color:rgb(230,230,230);
text-align:center;
font-family:“Courier New”;
font-size:12px;
padding-top:10px;
}
#Header img{
float:left;
}
span{margin-top:45px;width:50px;height:30px;font-size:20px;font-family:“華文新魏”;padding:45px 10px;
vertical-align:middle;text-align:center;
}
a{width:48px;height:24px;
font-size:20px;
font-family:“華文新魏”; text-align:center;
}
ul{list-style-type:none;margin:0px;padding:35px;text-align:center;}
li{ width:50px;height:30px;
font-size:20px;
font-family:“華文新魏”;
padding:10px 35px;
}
h3{text-align:center;color:red;font-size:24px;
background:#CFF000;padding:6px auto;}
a:link,a:visited,a:active{text-decoration:none;display:block; }
a:hover{border-bottom:2px solid #FF0000;background:#55A0FF;color:#FFFFFF;}
2．Exp_10_2.html
<!doctype html>
DIV+CSS布局 logo nav Content-left Content-center-left Content-center-right Content-right FooterP189-第11章 練習(xí)與實(shí)驗(yàn)答案
練習(xí)11
1.選擇題
（1）B （2）D （3）D （4）B （5）D （6）B
2.填空題
(1)
(2) rowspan 、3、 Colspan 、 5
(3) frame、rules
(4) cellspacing、cellpadding
3.簡(jiǎn)答題
答案略，見(jiàn)教材。
實(shí)驗(yàn)11
4、源代碼：
------------------- exp_11_1.html ----------------- 表格實(shí)驗(yàn)
| A | B | |
| E | C | |
| D | ||
P208-第13章 練習(xí)與實(shí)驗(yàn)答案
練習(xí)13
1.選擇題
(1)D (2)C (3)B (4)C (5)A
2.填空題
(1)post、get
(2)瀏覽器、服務(wù)器
(3)、name、size、multiple
(4)textarea、rows、cols
(5)reset、submit、button
(6)不相同、不相同；相同、不相同
(7)checked、selected
(8)fieldset、legend
實(shí)驗(yàn)13
6、源代碼：
<!doctype html>
登錄頁(yè)面 登錄頁(yè)面 用戶名:密????碼:
類????型: 管理員 普通用戶
記住密碼 自動(dòng)登錄
?????? ??? 2、源代碼： 應(yīng)聘頁(yè)面 希望工作地點(diǎn): 北京 上海 廣州 西安 杭州 南京 重慶 天津 月薪要求: 要求提供過(guò)度住房
請(qǐng)選擇應(yīng)聘行業(yè):
計(jì)算機(jī)軟件 計(jì)算機(jī)硬件 計(jì)算機(jī)服務(wù) 通信/電信/網(wǎng)絡(luò)設(shè)備 互聯(lián)網(wǎng)/電子商務(wù) 網(wǎng)絡(luò)游戲 電子技術(shù)/半導(dǎo)體/集成電路 儀器儀表/工業(yè)自動(dòng)化
附錄A 模擬試卷參考答案
一、選擇題（每題1分,共30分）
題號(hào) 1 2 3 4 5 6 7 8 9 10
答案 A D B B D C D A D D
題號(hào) 11 12 13 14 15 16 17 18 19 20
答案 D C C C C D A C B B
題號(hào) 21 22 23 24 25 26 27 28 29 30
答案 A B B D B C D A A D
二、填空題（每空1分，共20分）
（1） 單 （2） 雙
（3） ? （4） face
（5） size （6） _blank
（7） 課程成績(jī)表 （8） body|主體
（9） button （10） . (點(diǎn))
（11） # （12） var today=new Date();
（13） 0-100 （14） 內(nèi)部樣式表
（15） 導(dǎo)入樣式表 （16） 鏈入樣式表
（17） （18） rowspan
（19） src （20） circle
三、看圖填充程序（每空2分，共36分）
（1） 歡迎學(xué)習(xí)Web客戶端編程 （2） alert(“Web客戶端編程很好學(xué)！”);
（3）
web前端開(kāi)發(fā)技術(shù)
（4）（5）
1.HTML
（6）2.CSS
（7） background:#99ff99 （8） 2px double #ff3333
（9） font-size:24px （10）
（11） 軟件工程（12） color:white
（13） font-weight:bold （14） i<=7|i<8
（15） number[i]=“0”+number[i] （16）document.getElementById(num)
（17） readonly （18）selectnumber(‘number1’)
（19） list （20）placeholder
（21） datalist，datalist （22）id
（23）
四、編程題（每題6分，共12分）（超出頁(yè)面轉(zhuǎn)反面）
1.表格編程 教材表
| 序號(hào) | 教材名稱 | 數(shù)量（本） |
| 1 | 軟件工程 | 64 |
| 2 | 數(shù)據(jù)結(jié)構(gòu) | 54 |
| 合計(jì) | 118 | |
找出1000以內(nèi)的平方數(shù)，并計(jì)算累加和
（0.5分） 五、問(wèn)答題 1．舉例說(shuō)明HTML5文檔組成結(jié)構(gòu)。（5分） 答： HTML5文檔結(jié)構(gòu) （1分） ... （1分） （1分） ...總結(jié)
以上是生活随笔為你收集整理的Web前端开发技术第三版课后练习答案的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 爬虫，关于 video 标签 src 带
- 下一篇： 前端干货-网站资源收集