Web前端开发技术第三版课后练习答案
P16-第1章 練習與實驗答案
練習1
1.選擇題
(1)B (2)D (3)B (4)B (5)D (6)A
2.填空題
(1)標記、文本
(2)Tim Berners-Lee（蒂姆·伯納斯·李）
(3)查看
(4)NotePad、EditPlus、TextPad、TopStyle、UltraEdit等
(5)超文本標記語言、統一資源定位符（器）、層疊樣式表（級聯樣式表）、異步JavaScript和XML
(6)IE、Firefox、Chrome、opera、UCWEB等
3簡答題
見教材。
實驗1
略
P32-第2章 練習與實驗答案
練習2
1.選擇題
(1)B (2)D (3)A (4)B (5)A (6)B
2.填空題
(1)html、htm，index.html、default.html
(2)、
(3)單、雙，雙，開始（首）、結束（尾）
(4)頭部(head)、主體(body)。Body、head
(5) 嚴格型（Strict）、過渡型（Transitional）、框架型（Frameset）、<!doctype html>
3．簡答題
見教材。
實驗2
1.代碼
<!doctype html>
求知家園 歡迎來到我們的求知家園！2．代碼 Google搜索 歡迎使用Google搜索！
P46-第3章 練習與實驗答案
練習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.問答題
見教材。
實驗3
1.代碼
<!doctype html>
自薦信 自薦信尊敬的領導：
????您好！
????感謝您在百忙之中啟閱我的自薦材料！相信此刻的停留不會讓您失望！
????我是計算機專業的本科畢業生。經過將近四年的大學學習和鍛煉，與同齡人一樣，我即將走上工作崗位，通過社會來證實自己的知識和能力。為了找到一份符合自己特長和興趣的工作，更好地發揮自己的才能，實現自己的人生價值，我冒昧地寫下這封信，希望能得到您的認可，能為貴公司服務。
????此致敬禮!
聯系E-mail:zhang@163.com 2．代碼 <!-exp_3_2.html --> 數學方程式
數學方程式
2x2+3x=9
x1+x2=10
P57-第4章 練習與實驗答案
練習4
1.選擇題
(1)C (2)D (3)B (4)B (5)C (6)D
2.填空題
(1) 添加列表項值
(2)無序列表、有序列表
(3)start、整形數值、value
3.問答題
見教材。
實驗4
1.代碼
<!doctype html>
windows不同版本- windows NT Workstation
- windows NT Server
- windows 2000 Professional
- windows 2000 Server
- windows 2000 Advance Server
第四屆中國大學出版社圖書獎公示
優秀教材一等獎（68種）P70-第5章 練習與實驗答案
練習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)絕對路徑、相對路徑、根路徑。相對、根路徑，絕對。
(4) 中國教育網
3.問答題
見教材。
實驗5
1.代碼
<!doctype html>
apple網站浮動框架中打開新頁面
在左邊浮動框架中打開百度 在右邊浮動框架中打開騰訊
P85-第6章 練習與實驗答案
練習6
1.選擇題
（1）D （2）A （3）D（4）B
2.填空題
（1）、，
（2）border=“0”
（3）矩形；圓形；多邊形。
3.簡答題
（1）設置滾動空白空間就是指滾動文字背景和它周圍文字及圖像之間的空白空間范圍。默認情況下，滾動對象周圍的文字或圖像是與滾動背景緊密連接的，使用hspace和vspace可以設置它們之間的空白空間。
（2）
Width設置寬度 height設置高度 alt替換文本
實驗6
1、源代碼如下所示：
<!doctype html>
圖像對齊方式應用圖像對齊方式應用
未設置對齊方式的圖像:
PNG，圖像文件存儲格式，其目的是試圖(原來此處使用了"企圖")替代GIF和TIFF文件格式，同時增加一些GIF文件格式所不具備的特性。
已設置對齊方式的圖像：
PNG使用了從LZ77派生的一個非專利無失真式壓縮算法（名為deflation）。這個算法對圖像里的直線進行預測然后存儲顏色差值，這使得PNG經常能獲得比原始圖像甚至比GIF更大的壓縮率。但也有一些軟件不能使用適合的預測而造成過分臃腫的PNG文件。
PNG使用了從LZ77派生的一個非專利無失真式壓縮算法（名為deflation）。這個算法對圖像里的直線進行預測然后存儲顏色差值，這使得PNG經常能獲得比原始圖像甚至比GIF更大的壓縮率。但也有一些軟件不能使用適合的預測而造成過分臃腫的PNG文件。
PNG使用了從LZ77派生的一個非專利無失真式壓縮算法（名為deflation）。這個算法對圖像里的直線進行預測然后存儲顏色差值，這使得PNG經常能獲得比原始圖像甚至比GIF更大的壓縮率。但也有一些軟件不能使用適合的預測而造成過分臃腫的PNG文件。
2.代碼如下所示： 圖像畫廊圖像畫廊
P106-第7章 練習與實驗答案
練習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.問答題
見教材。
實驗7
1.代碼
<!doctype html>
古詩排版Web前端開發工程師工作內容
web前端工程師在不同的公司，會有不同的職能，但稱呼都是類似。
- 做網站設計、網頁界面開發
- 做網頁界面開發
- 做網頁界面開發、前臺數據綁定和前臺邏輯的處理
- 設計、開發、數據處理
P118-第8章 練習與實驗答案
練習12
1.選擇題
（1）C （2）A （3）B （4）C （5）A
2.填空題
（1）
（2）top、height。
（3）z-index，position。
3.簡答題
略
實驗8
1、源代碼：
<!doctype html>
新聞- 2017央視綜藝節目發力 彰顯公益大愛
- 繼北京、上海后，2017年騰訊視頻推介會昨又在廣州隆重舉行
- “跨界融合 開放共贏”移動互聯網營銷峰會
- 首屆“聯建杯”戶外LED顯示屏媒體大賽評審圓滿落幕
<!doctype html>
匾牌設計海納百川，有容乃大
P146-第9章 練習與實驗答案
練習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) 邊框為2像素、雙實線、紅色。
3.問答題
見教材。
實驗9
2、源代碼：
------------------- exp_9_1.html -----------------
<!doctype html>
CSS+div2．
<!doctype html>
Head LineHead Line
Mobile Widget使用的標準的Web技術，如HTML，CSS，javascript等。這些經典的Web技術規范是由W3C（萬維網聯盟）的下屬各個工作組制定并推進的。作為開發Widget之前的知識準備，在本章中我們將逐一介紹這些技術。
P168-第10章 練習與實驗答案
練習12
1.選擇題
（1）B （2）A （3）C （4）D （5）A
2.簡答題
（1）略
(2) display: none讓對象不顯示，原來不存在。 display:block—作用是顯示特定對象；visibility: visible—作用是讓特定對象可視（說明原來就存在，只是不可視），對使用visibility: hidden :?可以讓對象隱藏起來。
實驗12
3、源代碼：
?HTML文件
<!doctype html>
Web頁面設計實例首頁 | 博客 | 設計 | 論壇 | 關于
- 首頁
- 博客
- 設計
- 論壇
- 關于
歡度新春佳節
Copyrights 2015-2020 Web前端開發工作室? All rights reserved. 中國江蘇
?CSS文件
/* exp_10_1.css /
/ 應用對象：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章 練習與實驗答案
練習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.簡答題
答案略，見教材。
實驗11
4、源代碼：
------------------- exp_11_1.html ----------------- 表格實驗
| A | B | |
| E | C | |
| D | ||
P208-第13章 練習與實驗答案
練習13
1.選擇題
(1)D (2)C (3)B (4)C (5)A
2.填空題
(1)post、get
(2)瀏覽器、服務器
(3)、name、size、multiple
(4)textarea、rows、cols
(5)reset、submit、button
(6)不相同、不相同；相同、不相同
(7)checked、selected
(8)fieldset、legend
實驗13
6、源代碼：
<!doctype html>
登錄頁面 登錄頁面 用戶名:密????碼:
類????型: 管理員 普通用戶
記住密碼 自動登錄
?????? ??? 2、源代碼： 應聘頁面 希望工作地點: 北京 上海 廣州 西安 杭州 南京 重慶 天津 月薪要求: 要求提供過度住房
請選擇應聘行業:
計算機軟件 計算機硬件 計算機服務 通信/電信/網絡設備 互聯網/電子商務 網絡游戲 電子技術/半導體/集成電路 儀器儀表/工業自動化
附錄A 模擬試卷參考答案
一、選擇題（每題1分,共30分）
題號 1 2 3 4 5 6 7 8 9 10
答案 A D B B D C D A D D
題號 11 12 13 14 15 16 17 18 19 20
答案 D C C C C D A C B B
題號 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） 課程成績表 （8） body|主體
（9） button （10） . (點)
（11） # （12） var today=new Date();
（13） 0-100 （14） 內部樣式表
（15） 導入樣式表 （16） 鏈入樣式表
（17） （18） rowspan
（19） src （20） circle
三、看圖填充程序（每空2分，共36分）
（1） 歡迎學習Web客戶端編程 （2） alert(“Web客戶端編程很好學！”);
（3）
web前端開發技術
（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分）（超出頁面轉反面）
1.表格編程 教材表
| 序號 | 教材名稱 | 數量（本） |
| 1 | 軟件工程 | 64 |
| 2 | 數據結構 | 54 |
| 合計 | 118 | |
找出1000以內的平方數，并計算累加和
（0.5分） 五、問答題 1．舉例說明HTML5文檔組成結構。（5分） 答： HTML5文檔結構 （1分） ... （1分） （1分） ...總結
以上是生活随笔為你收集整理的Web前端开发技术第三版课后练习答案的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 爬虫，关于 video 标签 src 带
- 下一篇： Android监听事件