當(dāng)前位置：首頁 > 前端技术 > HTML >内容正文

HTML

Web前端开发技术第三版课后练习答案

發(fā)布時(shí)間：2023/12/10 HTML 39 豆豆

生活随笔收集整理的這篇文章主要介紹了 Web前端开发技术第三版课后练习答案小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

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)記語言、統(tǒng)一資源定位符（器）、層疊樣式表（級聯(lián)樣式表）、異步JavaScript和XML
(6)IE、Firefox、Chrome、opera、UCWEB等
3簡答題
見教材。

實(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)單、雙，雙，開始（首）、結(jié)束（尾）
(4)頭部(head)、主體(body)。Body、head
(5) 嚴(yán)格型（Strict）、過渡型（Transitional）、框架型（Frameset）、<!doctype html>

3．簡答題
見教材。

實(shí)驗(yàn)2
1.代碼

<!doctype html>

求知家園歡迎來到我們的求知家園！

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.問答題
見教材。

實(shí)驗(yàn)3
1.代碼

<!doctype html>

自薦信自薦信

尊敬的領(lǐng)導(dǎo)：
????您好！

????感謝您在百忙之中啟閱我的自薦材料！相信此刻的停留不會讓您失望！

????我是計(jì)算機(jī)專業(yè)的本科畢業(yè)生。經(jīng)過將近四年的大學(xué)學(xué)習(xí)和鍛煉，與同齡人一樣，我即將走上工作崗位，通過社會來證實(shí)自己的知識和能力。為了找到一份符合自己特長和興趣的工作，更好地發(fā)揮自己的才能，實(shí)現(xiàn)自己的人生價(jià)值，我冒昧地寫下這封信，希望能得到您的認(rèn)可，能為貴公司服務(wù)。

????此致
敬禮!

聯(lián)系E-mail:zhang@163.com 2．代碼 <!-exp_3_2.html --> 數(shù)學(xué)方程式

數(shù)學(xué)方程式

2x²+3x=9
x₁+x₂=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)無序列表、有序列表
(3)start、整形數(shù)值、value
3.問答題
見教材。

實(shí)驗(yàn)4
1.代碼

<!doctype html>

windows不同版本

windows 95

windows 98

windows NT

windows NT Workstation
windows NT Server

windows 2000

windows 2000 Professional
windows 2000 Server
windows 2000 Advance Server

windows xp

windows vista

windows 7

windows 8

2.代碼第四屆中國大學(xué)出版社圖書獎(jiǎng)公示

第四屆中國大學(xué)出版社圖書獎(jiǎng)公示

優(yōu)秀教材一等獎(jiǎng)（68種）

1.刑事訴訟法（第五版），陳光中主編，北京大學(xué)出版社

2.普通化學(xué)原理（第4版），華彤文，王穎霞，卞江，陳景祖編著，北京大學(xué)出版社

3.音韻學(xué)教程（第四版），唐作藩著，北京大學(xué)出版社

4.保險(xiǎn)學(xué)(第5版)，孫祁祥著，北京大學(xué)出版社

...

優(yōu)秀教材二等獎(jiǎng)（119種）

1.藝術(shù)欣賞教程（第2版），楊辛、謝孟主編，北京大學(xué)出版社

2.經(jīng)濟(jì)學(xué)基礎(chǔ)（第6版），[美] 曼昆著，北京大學(xué)出版社

3.創(chuàng)新管理：贏得持續(xù)競爭優(yōu)勢（第2版），陳勁著，北京大學(xué)出版社

4.醫(yī)學(xué)遺傳學(xué)（第3版），傅松濱主編，北京大學(xué)醫(yī)學(xué)出版

...

附文字素材：第四屆中國大學(xué)出版社圖書獎(jiǎng)公示優(yōu)秀教材一等獎(jiǎng)（68種） 1.刑事訴訟法（第五版），陳光中主編，北京大學(xué)出版社 2.普通化學(xué)原理（第4版），華彤文，王穎霞，卞江，陳景祖編著，北京大學(xué)出版社 3.音韻學(xué)教程（第四版），唐作藩著，北京大學(xué)出版社 4.保險(xiǎn)學(xué)(第5版)，孫祁祥著，北京大學(xué)出版社 ... 優(yōu)秀教材二等獎(jiǎng)（119種） 1.藝術(shù)欣賞教程（第2版），楊辛、謝孟主編，北京大學(xué)出版社 2.經(jīng)濟(jì)學(xué)基礎(chǔ)（第6版），[美] 曼昆著，北京大學(xué)出版社 3.創(chuàng)新管理：贏得持續(xù)競爭優(yōu)勢（第2版），陳勁著，北京大學(xué)出版社 4.醫(yī)學(xué)遺傳學(xué)（第3版），傅松濱主編，北京大學(xué)醫(yī)學(xué)出版 ...

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)絕對路徑、相對路徑、根路徑。相對、根路徑，絕對。
(4) 中國教育網(wǎng)
3.問答題
見教材。

實(shí)驗(yàn)5
1.代碼

<!doctype html>

apple網(wǎng)站

浮動框架中打開新頁面

在左邊浮動框架中打開百度在右邊浮動框架中打開騰訊

P85-第6章練習(xí)與實(shí)驗(yàn)答案
練習(xí)6
1.選擇題
（1）D （2）A （3）D（4）B
2.填空題
（1）、，
（2）border=“0”
（3）矩形；圓形；多邊形。
3.簡答題
（1）設(shè)置滾動空白空間就是指滾動文字背景和它周圍文字及圖像之間的空白空間范圍。默認(rèn)情況下，滾動對象周圍的文字或圖像是與滾動背景緊密連接的，使用hspace和vspace可以設(shè)置它們之間的空白空間。
（2）
Width設(shè)置寬度 height設(shè)置高度 alt替換文本

實(shí)驗(yàn)6
1、源代碼如下所示：

<!doctype html>

圖像對齊方式應(yīng)用

未設(shè)置對齊方式的圖像:

PNG，圖像文件存儲格式，其目的是試圖(原來此處使用了"企圖")替代GIF和TIFF文件格式，同時(shí)增加一些GIF文件格式所不具備的特性。

已設(shè)置對齊方式的圖像：

PNG使用了從LZ77派生的一個(gè)非專利無失真式壓縮算法（名為deflation）。這個(gè)算法對圖像里的直線進(jìn)行預(yù)測然后存儲顏色差值，這使得PNG經(jīng)常能獲得比原始圖像甚至比GIF更大的壓縮率。但也有一些軟件不能使用適合的預(yù)測而造成過分臃腫的PNG文件。

2.代碼如下所示：圖像畫廊

圖像畫廊

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.問答題
見教材。

實(shí)驗(yàn)7
1.代碼

<!doctype html>

古詩排版

Web前端開發(fā)工程師工作內(nèi)容

web前端工程師在不同的公司，會有不同的職能，但稱呼都是類似。

做網(wǎng)站設(shè)計(jì)、網(wǎng)頁界面開發(fā)
做網(wǎng)頁界面開發(fā)
做網(wǎng)頁界面開發(fā)、前臺數(shù)據(jù)綁定和前臺邏輯的處理
設(shè)計(jì)、開發(fā)、數(shù)據(jù)處理

附：素材 Web前端開發(fā)工程師工作內(nèi)容 web前端工程師在不同的公司，會有不同的職能，但稱呼都是類似。 ?做網(wǎng)站設(shè)計(jì)、網(wǎng)頁界面開發(fā) ?做網(wǎng)頁界面開發(fā) ?做網(wǎng)頁界面開發(fā)、前臺數(shù)據(jù)綁定和前臺邏輯的處理 ?設(shè)計(jì)、開發(fā)、數(shù)據(jù)處理

P118-第8章練習(xí)與實(shí)驗(yàn)答案
練習(xí)12
1.選擇題
（1）C （2）A （3）B （4）C （5）A
2.填空題
（1）

;id、class、style。
（2）top、height。
（3）z-index，position。
3.簡答題
略
實(shí)驗(yàn)8
1、源代碼：

<!doctype html>

新聞

2017央視綜藝節(jié)目發(fā)力彰顯公益大愛
繼北京、上海后，2017年騰訊視頻推介會昨又在廣州隆重舉行
“跨界融合開放共贏”移動互聯(lián)網(wǎng)營銷峰會
首屆“聯(lián)建杯”戶外LED顯示屏媒體大賽評審圓滿落幕

/* exp_8_1.css */ #d1{ width:600px; height:380px; background-color:Lime; } #d2{ font-family:"幼圓"; font-size:20px; } .b{ font-weight:bold; text-decoration:underline; color:red; } .it{font-style:italic;font-size:24px;font-weight:bold;}源代碼：

<!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.問答題
見教材。
實(shí)驗(yàn)9
2、源代碼：
------------------- exp_9_1.html -----------------

<!doctype html>

CSS+div

2．

<!doctype html>

Head Line

Mobile Widget使用的標(biāo)準(zhǔn)的Web技術(shù)，如HTML，CSS，javascript等。這些經(jīng)典的Web技術(shù)規(guī)范是由W3C（萬維網(wǎng)聯(lián)盟）的下屬各個(gè)工作組制定并推進(jìn)的。作為開發(fā)Widget之前的知識準(zhǔn)備，在本章中我們將逐一介紹這些技術(shù)。

P168-第10章練習(xí)與實(shí)驗(yàn)答案
練習(xí)12
1.選擇題
（1）B （2）A （3）C （4）D （5）A
2.簡答題
（1）略
(2) display: none讓對象不顯示，原來不存在。 display:block—作用是顯示特定對象；visibility: visible—作用是讓特定對象可視（說明原來就存在，只是不可視），對使用visibility: hidden :?可以讓對象隱藏起來。
實(shí)驗(yàn)12
3、源代碼：
?HTML文件

<!doctype html>

Web頁面設(shè)計(jì)實(shí)例

首頁 | 博客 | 設(shè)計(jì) | 論壇 | 關(guān)于

首頁
博客
設(shè)計(jì)
論壇
關(guān)于

歡度新春佳節(jié)

?CSS文件
/* exp_10_1.css /
/ 應(yīng)用對象：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 Footer

P189-第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.簡答題
答案略，見教材。
實(shí)驗(yàn)11
4、源代碼：
------------------- exp_11_1.html -----------------

表格實(shí)驗(yàn)

A	B
	E	C
D

5、源代碼： div與表格應(yīng)用實(shí)例——計(jì)算器布局

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>

登錄頁面登錄頁面用戶名:
密????碼:
類????型: 管理員普通用戶
記住密碼自動登錄
?????? ??? 2、源代碼：應(yīng)聘頁面 希望工作地點(diǎn): 北京上海廣州西安杭州南京重慶天津 月薪要求: 要求提供過度住房
請選擇應(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è)自動化

附錄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） . (點(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前端開發(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分）（超出頁面轉(zhuǎn)反面）
1.表格編程

教材表教材表

序號	教材名稱	數(shù)量（本）
1	軟件工程	64
2	數(shù)據(jù)結(jié)構(gòu)	54
合計(jì)		118

2.JavaScript編程找出1000以內(nèi)的平方數(shù)，并計(jì)算累加和

找出1000以內(nèi)的平方數(shù)，并計(jì)算累加和

（0.5分）五、問答題 1．舉例說明HTML5文檔組成結(jié)構(gòu)。（5分）答： HTML5文檔結(jié)構(gòu) （1分） ... （1分）（1分） ...

總結(jié)

以上是生活随笔為你收集整理的Web前端开发技术第三版课后练习答案的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇：爬虫，关于 video 标签 src 带
下一篇：前端干货-网站资源收集