html周考题2

html-css019

html周考题2,第1张

一.单选题(共41小题,每题1.5分,共61.5分)

13、下面有关表格的说法正确的是( C )。

16、大多数表单元素都是使用( A )标签,然后通过type属性指定表单类型。

17、下面表单元素中,有value属性的是( D )。

18、单行文本框使用( C )实现,密码文本框使用( D )实现,多行文本框使用( A )实现。

19、如果想要定义单选框默认选中效果,可以使用( A )属性来实现。

20、在表单中,input元素的type属性取值为( A )时,用于创建重置按钮。

21、下面有关表单的说法,正确的是( D )。

22、下面对于按钮的说法,不正确的是( D )。

29、如果想要实现字体颜色为白色,可以使用定义color属性值为( B )。

30、下面有关字体样式,说法正确的是( C )。

31、下面选项中,属于CSS正确注释方式是( B )。

32、CSS使用( C )属性来定义段落的行高。

33、CSS使用( A )属性来定义字体下划线、删除线以及顶划线效果。

34、如果想要实现下图14-12所示的效果,我们可以使用( C )来实现。

[图片上传失败...(image-6c8f86-1537317883054)]

35、下面有关文本样式的说法中,正确的是( B )。

36、如果我们想要定义某一个元素的右边框,宽度为1px,外观为实线,颜色为红色,正确写法应该是( C )。

37、如果我们想要去掉某一个元素的上边框,下面写法中不正确的是( A )。

38、在真正实战开发中,对于下图所示的列表项符号,最佳实现方法是(C )。

[图片上传失败...(image-862242-1537317883054)]

39、下面对于列表说法中,叙述错误的是( A )。

40、CSS可以使用( C )属性来合并表格边框。

41、下面有关表格样式,说法不正确的是( C )。

42、CSS可以使用( B )属性来实现图片水平居中。

43、下面有关图片样式,说法正确的是( C )。

44、CSS可以使用(A )属性来设置文本颜色。

45、下面有关背景样式,说法不正确的是( A )。

46、下面哪一个伪类选择器是用于定义鼠标经过元素时样式的?( C )

47、在实际开发中,如果想要定义超链接未访问时的样式,可以使用( A )。

48、我们可以使用( D )来实现鼠标悬停在超链接上时为无下划线效果。

49、下面有关超链接样式说法中,正确的是( A )。

50、下面哪个属性用于定义外边距?( D )

51、下面有关CSS盒子模型的说法中,正确的是( D )。

52、如果一个div元素的上内边距和下内边距都是20px,左内边距是30px,右内边距是40px,正确的写法是( B )。

C. padding:20px 30px 40pxD.padding:40px 20px 30px 20px

53、对于“margin:20px 40px”,下面说法正确的是( C )。

54、默认情况下,( A )元素设置width和height可以生效。

55、如果想要实现文本环绕着图片,最好的解决方法是( A )。

56、在CSS中,“clear:both”的作用是( C )。

57、下面有关浮动的说法中,不正确的是( B )。

58、我们可以定义position属性值为(B ),从而来实现元素的相对定位。

59、下面哪个属性不会让div元素脱离文档流?( B )

60、默认情况下,以下关于定位布局的说法不正确的是( C )。

61、下面有关定位布局,说法不正确的是( D )。

D. 在实际开发中,优先使用定位布局。如果实现不了,再考虑浮动布局

三、判断题(每题1.5分,共7.5分)

12.若某个标签里的内容超过标签的尺寸,则超出的内容自动隐藏的CSS样式是visibility:hidden ( 错 )

13.在HTML中,将表单中input元素的type属性值设置为set时,用于创建重置按钮 ( 错 )

14.在 HTML中,action属性用于设置表单要提交的地址 (对 )

16.在HTML中创建一个隐藏域可以<input name="hidden" value="hidden" text="111"> (错 )

18.transition-property 设置过渡的时间,transition-duration 设置过渡的属性(错 )

四、简答题(4-6题6分,7题7分,共25分)

4 1、定义一个列表,每一个列表项都是一个超链接,并且要求去除列表项符号以及超链接下划线,超链接文本颜色为粉红色,并且点击某一个列表项会以新窗口的形式打开。

[图片上传失败...(image-aabb7b-1537317883044)]

<div class =’title’ >

<ul>

<li><a href = ‘ http://www.baidu.com ’target=’_blank’>top1:百度</a></li>

<li><a href = ‘ http://www.baidu.com ’target=’_blank’>top2:淘宝</a></li>

<li><a href = ‘ http://www.baidu.com ’target=’_blank’>top3:新浪</a></li>

<li><a href = ‘ http://www.baidu.com ’target=’_blank’>top4:网易</a></li>

<li><a href = ‘ http://www.baidu.com ’target=’_blank’>top5:搜狐</a></li>

</ul>

</div>

.total{ .total ul{ .total ul a{text-decorati0n:none

List-style:none}

Width:30pxcolor:pink}

Height:400px

Text-alian:center

}

5请将下图所示的图片当做背景图,要求铺满整个页面,不允许有空隙。

[图片上传失败...(image-2d6d42-1537317883042)]

Body{

Background-image:url(../image/1.png)

Background-repeat:repet

}

6在网页中添加一段文本链接,并且设置其在不同的状态下显示不同的效果。要求:

(1)未访问时:没有下划线,颜色为红色

(2)鼠标经过时:有下划线,颜色为蓝色

A:link{

Text-decoration:none

Color:red

}

A:hover{

Color:blue

Text-decoration:underline

}

7 使用浮动布局来实现下图所示的页面布局效果,其中各个元素之间的间距是10px。下面只给出必要的尺寸,也就是说有些尺寸需要我们自己计算的。在实际开发中,计算尺寸是家常便饭,所以这里我们自己试一下。

[图片上传失败...(image-8d0a1c-1537317883041)]

<div class=’total’>

<div class=’box1’></div>

<div class=’box2’></div>

<div class=’box3’></div>

<div class=’box4’></div>

</div>

.total{

Width:800px

Height:800px

Overflow:hidden

}

.box1{

Width:800px

Height:100px

}

.box2{

Width:595px

Height:38-px

Float:left

}

.box3{

Width:195px

Height:380px

Float:left

}

.box1{

Width:800px

Height:100px

}

五、论述题(每题6分,共6分)

1、在两个盒子嵌套时候,内部的盒子设置的margin-top会加到外边的盒子上,导致内部的盒子margin-top设置失败,请说出三种解决方案:

电子科技大学网络教育考卷(B卷)试题部分

一、 单项选择题

1、在 文本框中输入数据后,数据以*号显示。

①单行文本框 ②多行文本框③数值文本框 ④密码文本框

2、导航条是指一组分别指向不同 的按钮,用于在一系列具有相同级别的网页间进行跳转。

①图片 ②链接地址 ③文本 ④热区

3、如果希望在一幅图像中创建多个链接区域,在Dreamweaver MX中通过设置 来实现。

①热区 ②切片 ③热点 ④切片或热区

4、当需要设置新建文件的背景时,可以在 面板中进行。

①属性 ②时间轴 ③工具面板 ④对其面板

5、在Dreamweaver MX中,下面关于定义站点的说法错误的是?

①首先定义新站点,打开站点定义设置窗口

②在站点定义设置窗口的站点名称(Site Name )中填写网站的名称

③在站点设置窗口中,可以设置本地网站的保存路径,而不可以设置图片的保存路径

④本地站点的定义比较简单,基本上选择好目录就可以了

6、在Dreamweaver MX 中,下面关于排版表格属性的说法错误的是:

①可以设置宽度 ②可以设置高度 ③可以设置表格的背景颜色

④可以设置单元格之间的距离但是不能设置单元格内部的内容和单元格边框之间的距离

7、在Dreamweaver MX 中,在设置各分框架属性时,参数Scroll是用来设置什么属性的

①是否进行颜色设置 ②是否出现滚动条 ③是否设置边框宽度 ④是否使用默认边框宽度

8、在Dreamweaver MX 中下面可以用来作代码编辑器的是:

①记事本程序(Notepad) ②Photoshop ③flash ④以上都可以

9、在Dreamweaver MX 中,有8中不同的垂直对齐图像的方式,要是图像的底部与文本的基线对齐要用那种对其方式:

①Baseline ②Absolute Bottom ③Bottom ④Browser Default

10、用Request对象可以获取5类客户端的信息,其中 可以获取HTTP请求中以POST方式提交的表单元素的值

①Quehavior ②bihavior ③scrollamount ④scrolldelay

11、在HTML中滚动文字标记marquee的滚动方式属性是:

①behavior ②bihavior ③scrollamount ④scrolldelay

12、ASP的内建对象Response控制给客户端送出信息的方法有3种,其中直接送出信息给客户端的是:

①Write ②Redirect③Cookies ④Buffer

13、下面关于Application对象的叙述中不正确的是:

①可实现多个用户共享信息的目的,如聊天室

②可以用Lock来锁定Application对象

③Application OnStart在Applination“结束后”才调用该程序

④Application对象的语法格式为:Application(“Application 名字“)=变量或字符串信息

14、SQL语言使用 语句删除数据库表格中的行或记录。

①UPDATE ②DELETE ③INSERT④SELECT

15、在HTML中, 不是body部分所包含的元素。

○1text ○2meta○3background○4bgcolor

16、在HTML中,字符大小分为6级,下列字符大小中最大的是:

○1h2 ○2h3○3h4 ○4h5

17、关于B/S和C/S编程体系,下面说法不正确的是:

○1B/S结构的编程语言分为浏览器端编程语言和服务器端编程语言

○2HTML和CSS都是由浏览器解释的,JavaScript语言和VBScript语言是在浏览器上执行的

○3目前应用领域的数据库系统全部采用关系型数据库

○4ASP和SUN公司推出的,是J2EE核心技术中最重要的一种

18、下面关于标记的说法不正确的是:

○1标记应填写在一对尖括号(<>)内

○2书写标记时,英文字母的大小写或混合使用大小写都是允许的

○3标记内可以包含一些属性,属性名称出现在标记的后面,并且以分号进行分隔

○4HTML对属性名称的排列顺序没有特别的要求

19、一下标记中, 可用于在网页中插入图像。

○1<IMG>标记○2<BR>标记○3<H3>标记○4<SRC标记

20、<input type=reset>是一个:

○1文本框 ○2重新填写的按钮 ○3下来菜单 ○4提供给服务器的按钮

21、HTML文件中的注释标记是:

○1<!--…--> ○2//…或/*…*/ ○3<%!...%> ○4<%--…--%>

22、单独存放ASP程序的文件扩展名是:

○1.html或.htm或.css ○2.asp○3.as○4.java

23、在HTML页面文件中为了显示“<>”应使用的符号串是:

○1&lt和&gt ○2&amp○3&quot ○4&nbsp

24、HTML标记<a href=”t.html #name”>xxx</a>表示:

○1跳转到另一个网站 ○2跳转到另一个网页 ○3跳转到另一个网页的某个地方

○4跳转到本页面的另外一个地方

25、在HTML中,用来显示滚动文字的标记对是:

○1<marpuee>…</marquee> ○2<scroll>…</scroll> ○3<motion>…</motion>

○4<move>…</move>

26、若有定义<style type=”text/css”>#abc{color:redfont-size:18px}</style>,则正确的使用是:

○1<div class=”abc”>xxx</div> ○2<p ID=”abc”>xxx</p>

○3<p type=abc>xxx</p> ○4<body style=abc>xxx</body>

27、要解释执行含有HTML、CSS和VBScript三种页面元素的客户端应用程序,必须使用:

○1记事本 ○2Word ○3Web浏览器 ○4Web服务器

28、要定义表单,应使用标记:

○1<span>…</span>○2<a href=”URL”>…</a> ○3<div>…</div>

○4<form>…</form>

29、在CSS中,下列关于颜色和背景属性的叙述不正确的是:

○1color属性用于设置前景色

○2Background-color属性用于定义背景色

○3Background-repeat属性用于定义背景图案的重复方式

○4Background-attachment属性用于定义背景图案的初始位置

30、在HTML中换行标记是

○1<li> ○2<br> ○3<hr> ○4<tr>

二、 判断题

1、 在表格的单元格中可以插入另一个表格,这称为表格的嵌套。

2、 在网页中插入文本框、单选框、多选框或跳转菜单时,要先插入空白的表单域。

3、 建立与电子邮件的超链接时,在属性面板的链接文本框中输入mailto: +电子邮件地址。

4、 CSS技术作为一种格式化网路的标准方式,主要的用途是定义网页数据的编排、显示、格式化特殊效果等,它扩展了HTML的功能。

5、 <table>标签用于声明表格,<td>用于表示单元格,<tr>用于表示表格的行。

6、 URL的意思是统一资源定位。

7、 在HTML标签中,<br>表示换行,<p>表示分段。

8、 <A hret=http://6677.y365.com.title=”摘要信息”>绿海星</A>的意思在文字绿海星上加链接http://6677.y365.com.

9、 在CSS中的ID选择符,应将#作为名称前缀。

10、 Request对象用于在服务器和客户端对话期间,检索客户端浏览器传递给服务器的值。

三、 问答题

1、 网页标题与网页文件名有什么不同?

2、 简述request对象和response对象的区别?

3、 内部超链接、外部超链接和锚记超链接有什么不同?

4、 样式在网页制作过程中有什么作用?

5、 什么是行为?有什么作用?

四、 分析计算

1、 画出下面网页文件在浏览器中的显示结果

<html>

<head>

<meta HTTP-EQUIV=”Content-Type”CONTENT=”text/htmlcharset=gb2312”>

<meta name=”GENERATOR”content=”Microsoft FrontPage 4.0”>

<meta name=”Progid”content=”FrontPage.Editor.Document”>

<title>框架设计</title>

</head>

<frameset rows=”25%,50%,*”>

<frame name=”top”src=”1.html”>

<frameset cols=”25%,50%,*”>

<frame name=”middle1” src=”2.html”>

<frame name=”middle2” src=”3.html”>

<frame name=”middle3” src=”4.html”>

</frameset>

<frameset cols=”50%,*”>

<frame name=”bottoml” src=”5.html”>

<frame name=”bottom2” src=”6.html”>

</frameset>

<noframes>

<body>

<p>此网页使用了框架,但您的浏览器不支持框架。</p>

</body>

</noframes>

</html>

网页文件1.html的内容为:

<html>

<body>

A<p>

</body>

</html>

网页文件2.html的内容为:

<html>

<body>

B<p>

</body>

</html>

网页文件3.html的内容为:

<html>

C<p>

</body>

</html>

网页4.html的内容为:

<html>

D<p>

</body>

</html>

网页5.html的内容为:

<html>

E<p>

</body>

</html>

网页6.html的内容为:

<html>

F<p>

</body>

</html>

2、 模仿谷歌google首页结构,制作一个主色彩为蓝色的页面。要求提供基本源代码。

<!DOCTYPE iframe PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "

<html>

<head>

<style type="text/css">

ul { list-style:none

}

</style>

</head>

<body>

<!-- 计时按钮 -->

<div align="center" id="" class="">

<input type="button" value="开始答题"/>

<input type="text" id="">

</div>

<!-- 1~3题 单选 -->

<div id="" class="">

<ul>

<li>

1、吉泽明步漂亮不漂亮?

</li>

<li>&nbsp&nbsp&nbsp&nbsp

A. 好<input type="radio" name="timu1" value="A">&nbsp

B. 不好<input type="radio" name="timu1" value="B">&nbsp

C. 都行<input type="radio" name="timu1" value="C">&nbsp

D. 嗯<input type="radio" name="timu1" value="D">

</li>

</ul>

<ul>

<li>

2、吉泽明步漂亮不漂亮?

</li>

<li>&nbsp&nbsp&nbsp&nbsp

A. 好<input type="radio" name="timu2" value="A">&nbsp

B. 不好<input type="radio" name="timu2" value="B">&nbsp

C. 都行<input type="radio" name="timu2" value="C">&nbsp

D. 嗯<input type="radio" name="timu2" value="D">

</li>

</ul>

<ul>

<li>

3、吉泽明步漂亮不漂亮?

</li>

<li>&nbsp&nbsp&nbsp&nbsp

A. 好<input type="radio" name="timu3" value="A">&nbsp

B. 不好<input type="radio" name="timu3" value="B">&nbsp

C. 都行<input type="radio" name="timu3" value="C">&nbsp

D. 嗯<input type="radio" name="timu3" value="D">

</li>

</ul>

</div>

<!-- 4~6题 多选 -->

<div>

<ul>

<li>

4、以下明星你认识几个?(多选题)

</li>

<li>&nbsp&nbsp&nbsp&nbsp

A. 小泽玛利亚<input type="checkbox" name="timu4" value="A">&nbsp

B. 苍井空<input type="checkbox" name="timu4" value="B">&nbsp

C. 泷泽萝拉<input type="checkbox" name="timu4" value="C">&nbsp

D. 天海翼<input type="checkbox" name="timu4" value="D">&nbsp

</li>

</ul>

<ul>

<li>

5、以下明星你认识几个?(多选题)

</li>

<li>&nbsp&nbsp&nbsp&nbsp

A. 小泽玛利亚<input type="checkbox" name="timu5" value="A">&nbsp

B. 苍井空<input type="checkbox" name="timu5" value="B">&nbsp

C. 泷泽萝拉<input type="checkbox" name="timu5" value="C">&nbsp

D. 天海翼<input type="checkbox" name="timu5" value="D">&nbsp

</li>

</ul>

<ul>

<li>

6、以下明星你认识几个?(多选题)

</li>

<li>&nbsp&nbsp&nbsp&nbsp

A. 小泽玛利亚<input type="checkbox" name="timu6" value="A">&nbsp

B. 苍井空<input type="checkbox" name="timu6" value="B">&nbsp

C. 泷泽萝拉<input type="checkbox" name="timu6" value="C">&nbsp

D. 天海翼<input type="checkbox" name="timu6" value="D">&nbsp

</li>

</ul>

</div>

<!-- 7~9题 填空  -->

<div>

<ul >

<li>

7、你最喜欢的明星是哪些?<INPUT TYPE="text" id="timu7" style="width:300border:noneborder-bottom:1px solid #005background:transparent">

</li>

<li>

8、你最喜欢的明星是哪些?<INPUT TYPE="text" id="timu8" style="width:300border:noneborder-bottom:1px solid #005background:transparent">

</li>

<li>

9、你最喜欢的明星是哪些?<INPUT TYPE="text" id="timu9" style="width:300border:noneborder-bottom:1px solid #005background:transparent">

</li>

</ul>

</div>

<!-- 10题 简答 一题12分,超过10个字给三分,有三个符合答案的关键词给12分  -->

<div>

<ul>

<li>

10、你对以上明星的评价如何

</li>

<li>

<textarea id="timu10" style="resize:nonewidth:500pxheight:100px" ></textarea>

</li>

</ul>

</div>

<!-- 提交按钮和自动判分对话框  -->

<div align="center">

<input type="button" value="提交" onclick="sub()"/>

<script type="text/javascript">

function sub(){

var key = new Array()

key.push("")

var grade = 0

key.push("A")

key.push("B")

key.push("D")

var timu1 = document.getElementsByName("timu1")

for(var i=0 i<timu1.length i ++){

 if(timu1[i].checked){

 timu1 = timu1[i].value

     }

}

if(timu1==key[1]){

grade = grade+2

}

alert(grade)

}

</script>

</div>

</body>

</html>

剩下的都差不多,不懂再追