2024年国家开放大学dreamweaver网页设计形考答案1-6-电大部落

本答案含形考任务1-6

Dreamweaver网页设计形考任务一答案
Dreamweaver网页设计形考任务二答案
Dreamweaver网页设计形考任务三答案
Dreamweaver网页设计形考任务四答案
Dreamweaver网页设计形考任务五答案
Dreamweaver网页设计形考任务六答案

此内容查看价格为12答案币，请先

本文隐藏（剩余）内容登录购买后显示，「常见问题」或「点此联系我们」
如果不显示购买按钮，请复制本页网址换其他浏览器打开

下方为题目演示，上方支付后即可获取答案文件下载链接

形考任务一

1.XHTML 指的是？

单选题 (5 分)

A.EXtra Hyperlinks and Text Markup Language

B.EXtensible HyperText Marking Language

C.EXtreme HyperText Markup Language

D.EXtensible HyperText Markup Language

2.在下面的 XHTML 中，哪个可以正确地标记段落？

单选题 (5 分)

A.<P></p>

B.<P></P>

C.<p></p>

D.</p><p>

3.在下面的 XHTML 中，哪个可以正确地标记折行？

单选题 (5 分)

A.<br />

B.<break/>

C.<br>

4.下列 XHTML 中的属性和值，哪个是正确的？

单选题 (5 分)

A.width=80

B.WIDTH="80"

C.WIDTH=80

D.width="80"

5.在 XHTML 文档中哪些元素是强制性的？

单选题 (5 分)

A.doctype、html、head 以及 body

B.doctype、html 以及 body

C.doctype、html、head、body 以及 title

6.下列哪些是格式良好的 XHTML ？

单选题 (5 分)

A.<p>A <b><i>short</b></i> paragraph</p>

B.<p>A <b><i>short</i></b> paragraph</p>

C.<p>A <b><i>short</i></b> paragraph

7.在 XHTML 中有哪些不同的 DTD ？

单选题 (5 分)

A.Strict, Transitional, Frameset

B.Strict, Transitional, Loose, Frameset

C.Strict, Transitional, Loose

8.网页的主体内容将写在什么标签内部：

单选题 (5 分)

A.<body>标签

B.<HEAD>标签

C.<HTML>标签

D.<P>标签

9.HTML代码中，<align=center>表示

单选题 (5 分)

A.文本加注下标线

B.文本加注上标线

C.文本闪烁

D.文本或图片居中

10.在HTML文档中使用有序列表应使用（）标记

单选题 (5 分)

A.<ul>

B.<ol>

C.<dl>

D.<li>

11.请判断以下说法是否正确：XHTML 是一个 Web 标准。

判断题 (5 分)

A.对

B.错

12.请判断以下说法是否正确：XML 和 HTML 会被 XHTML 取代。

判断题 (5 分)

A.对

B.错

13.请判断以下说法是否正确：HTML 会被 XHTML 取代。

判断题 (5 分)

A.对

B.错

14.请判断以下说法是否正确：XHTML 中所有的元素都需要关闭。

判断题 (5 分)

A.对

B.错

15.请判断以下说法是否正确：DOCTYPE 没有关闭标签。

判断题 (5 分)

A.对

B.错

16.请判断以下说法是否正确：XHTML 文档必须是格式良好的。

判断题 (5 分)

A.对

B.错

17.在 XHTML 中允许简写属性吗？

判断题 (5 分)

A.对

B.错

18.所有的 XHTML 文档都需要 doctype 吗？

判断题 (5 分)

A.对

B.错

19.请判断以下说法是否正确：所有的 XHTML 标签和属性都必须是小写的。

判断题 (5 分)

A.对

B.错

20.请判断以下说法是否正确：HTML 5 是 XHTML 的升级版本。

判断题 (5 分)

A.对

B.错

形考任务二

活动1：采用CSS样式来设置背景、标题和段落的颜色。

HTML代码如下：

<html>

<head>

</head>

<body>

这是标题 1

这是标题 2

这是段落

这个段落设置了内边距。

</body>

</html>

活动2：使用百分比或者像素值设置行间距。

HTML代码如下：

<html>

<head>

</head>

<body>

这是拥有标准行高的段落。

在大多数浏览器中默认行高大约是 110% 到 120%。

这是拥有标准行高的段落。

这个段落拥有更小的行高。

这个段落拥有更大的行高。

</body>

</html>

参考答案

<html>

<head>

body {background-color: yellow}

h1 {background-color: #00ff00}

h2 {background-color: transparent}

p {background-color: rgb(250,0,255)}

p.no2 {background-color: gray; padding: 20px;}

</style>

</head>

<body>

这是标题 1

这是标题 2

这是段落

这个段落设置了内边距。

</body>

</html>

（1）百分比

<html>

<head>

p.small {line-height: 90%}

p.big {line-height: 200%}

</style>

</head>

<body>

这是拥有标准行高的段落。

在大多数浏览器中默认行高大约是 110% 到 120%。

这是拥有标准行高的段落。

这个段落拥有更小的行高。

这个段落拥有更大的行高。

</body>

</html>

（2）像素值

<html>

<head>

p.small{ line-height: 10px }

p.big{ line-height: 30px }

</style>

</head>

<body>

这是拥有标准行高的段落。

在大多数浏览器中默认行高大约是 20px。

这是拥有标准行高的段落。

这个段落拥有更小的行高。

这个段落拥有更大的行高。

</body>

</html>

形考任务三

使用

元素以及CSS样式表对下面的内容进行的布局设计。

城市介绍

北京

上海

南京

简称“京”，是中华人民共和国的首都、直辖市、国家中心城市、超大城市、国际大都市，全国政治中心、文化中心、国际交往中心、科技创新中心，是中国共产党中央委员会、中华人民共和国中央人民政府、全国人民代表大会、中国人民政治协商会议全国委员会、中华人民共和国中央军事委员会所在地，也是中部战区司令部驻地。

北京位于华北平原北部，背靠燕山，毗邻天津市和河北省。北京的气候为典型的北温带半湿润大陆性季风气候。

北京是首批国家历史文化名城和世界上拥有世界文化遗产数最多的城市，三千多年的历史孕育了故宫、天坛、八达岭长城、颐和园等众多名胜古迹。早在七十万年前，北京周口店地区就出现了原始人群部落“北京人”。公元前1045年，北京成为蓟、燕等诸侯国的都城。公元938年以来，北京先后成为辽陪都、金中都、元大都、明、清国都。1949年10月1日成为中华人民共和国首都。

参考答案

<html>

<head>

<style>

#header {

background-color:black;

color:white;

text-align:center;

padding:5px;

}

#nav {

line-height:30px;

background-color:#eeeeee;

height:300px;

width:100px;

float:left;

padding:5px;

}

#section {

width:350px;

float:left;

padding:10px;

}

#footer {

background-color:black;

color:white;

clear:both;

text-align:center;

padding:5px;

}

</style>

</head>

<body>

城市

北京

上海

南京

London

北京，简称“京”，是中华人民共和国的首都、直辖市、国家中心城市、超大城市、国际大都市，全国政治中心、文化中心、国际交往中心、科技创新中心，是中国共产党中央委员会、中华人民共和国中央人民政府、全国人民代表大会、中国人民政治协商会议全国委员会、中华人民共和国中央军事委员会所在地，也是中部战区司令部驻地。

北京位于华北平原北部，背靠燕山，毗邻天津市和河北省。北京的气候为典型的北温带半湿润大陆性季风气候。

</body>

</html>

形考任务四

HTML 表单用于搜集不同类型的用户输入，包括文本输入、单选按钮输入、提交按钮，达到效果入下图所示。

参考答案

<form>

登陆名称:

密码:

性别：

<input type="radio" name="sex" value="male" checked>男

<input type="radio" name="sex" value="female">女

</form>

形考任务五

HTML 调用js实现多项滑动门选项卡特效。

参考代码

<head>

<title> js实现多项滑动门选项卡特效</title>

</style>

function g(o) { return document.getElementById(o); }

function hover_zzjs_net(n) {

//如果有N个标签,就将i<=N;

for (var i = 1; i <= 6; i++) { g('tab_zzjs_' + i).className = 'nor_zzjs'; g('tab_zzjs_0' + i).className = 'undis_zzjs_net'; } g('tab_zzjs_0' + n).className = 'dis_zzjs_net'; g('tab_zzjs_' + n).className = 'hovertab_zzjs';}

//如果要做成点击后再转到请将

中的onmouseover 改成 onclick;

//]]>

</script>

</head>

<body>

你的代码

</body>

</html>

参考答案

<head>

<title> js实现多项滑动门选项卡特效</title>