2023年国家开放大学dreamweaver网页设计形考答案1

标签

B.标签

C.标签

D.

标签

9.HTML代码中，

表示

单选题 (5 分)

A.文本加注下标线

B.文本加注上标线

C.文本闪烁

D.文本或图片居中

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

单选题 (5 分)

A.

B.

C.

D.

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代码如下：

这是标题 1

这是标题 2

这是段落

这个段落设置了内边距。

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

HTML代码如下：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

参考答案

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;}

这是标题 1

这是标题 2

这是段落

这个段落设置了内边距。

（1）百分比

p.small {line-height: 90%}

p.big {line-height: 200%}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（2）像素值

p.small{ line-height: 10px }

p.big{ line-height: 30px }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

形考任务三

使用

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

城市介绍

北京

上海

南京

南京

形考任务四

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

参考答案

登陆名称:

密码:

性别：

男

女

形考任务五

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

参考代码

js实现多项滑动门选项卡特效

//

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

function hover_zzjs_net(n) {

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

for (var i = 1; i

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

中的onmouseover 改成 onclick;

//]]>

你的代码

参考答案

js实现多项滑动门选项卡特效

//

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

function hover_zzjs_net(n) {

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

for (var i = 1; i

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

中的onmouseover 改成 onclick;

//]]>

一、内容

二、内容

三、内容

四、内容

五、内容

六、内容

一、内容，测试内容一！

二、内容，测试内容二！

三、内容，测试内容三！

四、内容，测试内容四！

五、内容，测试内容五！

六、内容，测试内容六！