大学｜网页开发基础期末复习

原创于 2025-10-09 08:36:02 发布 · 389 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#网页开发

大学专栏收录该内容

14 篇文章

订阅专栏

选择题

选择题（考15题）

一：1.下列设置“上边距：20px、下边距：30px、左边距：40px、右边距：50px”。边距属性正确的是（ C ）。

A. margin:20px 30px 40px 50px

B. border: 20px 30px 40px 50px

C. margin:20px 50px 30px 40px

D. margin-top:20px 30px 40px 50px

2.设置段落缩进的属性为（A ）。

A.text-indent B.word-spacing

C.text-decoration D.text-align

3.下列哪个选项不是基本选择器（ C ）。

A.标签选择器 B.类选择器 C.子选择器 D. id选择器

4.下列关于关键字break、continue和return描述不正确的是（ C ）。

A. continue关键字用于立即跳出本次循环，继续下一次循环

B. break关键字用于立即跳出整个循环

C. break关键字用于立即跳出本次循环，继续下一次循环

D. return语句后面的代码不会再执行

5.以下标记中用于定义单元格的是（ A ）。

A. <td> </td> B.<tr>…</tr>

C. <caption>…</caption> D. <table> …</table>

6.以下标记中用于设置页面标题的是（ B ）。

A.<html> B.<title> C.<head> D.<caption>

7.要使表格行高为16px，以下方法正确的是（ C ）。

A. <table border="1" height="16cm " >...</table>

B. <tr border="1" height="16pt " >...</tr>

C. <tr height="16px " >...</tr>

D. <table border="1" height="16pc " >...</table>

8.下列JavaScript语句中能正确执行的是（ C ）。

A. x=10,document.write(x+y);

B. var sum=x+y;

C. var x=1;if (x==1) {alert("Hello World! ");}

D.var x=1;if (x==1) then {alert("Hello World! " );}

9.下列（ A ）是正确的CSS规则。

A. div{color:#999999;} B. {div;color:black}

C. div:color=black D. {div:color=black(body)}

10.下列不属于文档对象方法的是（ A ）。

A. createElement B. getElementByID

C. getElementByName D. querySelector

11.以下标记中可以导入外部样式表的标记的是（ D ）。

A.<title> B.<style> C. <script> D.<link>

12.HTML文件后缀名通常为（ A ）。

A. *.html或*.htm B. *.js

C. *.css D. *.txt

13.下列不属于浏览器对象模型的是（ C ）。

A. Windows B. location C. dom D. history

14.阅读下列JavaScript代码，b的输出结果为（ A ）。

var a = 10; a++; var b =a++ + 2; console.log(b);

A.13 B. 14 C. 12 D. 15

15.在JavaScript中，下列满足变量x大于等于20且小于100条件的正确表达式是（ D ）。

A. (X>=20 & x<100) B. (x>=20 and x<100)

C. (X>=20 or x<=100) D. (x>=20 && x<100)

16.以下关于列表标记说法错误的是（ D ）。

A. <ol>有序列表

B. <ul>无序列表

C. <dl>定义列表

D. <li>嵌套列表

17.下列能够实现美化页面的语言是（ B ）。

A.HTML B.CSS C.VFP D.JavaScript

18.创建CSS类选择器，样式名称的签名必须加一个（ D ）。

A. ￥ B. $ C. # D. .

19.下列哪种语言可以实现网页交互功能（ D ）。

A. HTM L B. CSS C. C++ D.JavaScript

20.关于HTML文件说法正确的是（ B ）。

A. HTML标记都必须配对使用

B.在<title>和</title>标签之间的是头信息

C. HTML标签大小写无关

D.在<u></u>标签之间的文本会以加粗字体显示

21.注释CSS样式，使用（ A ）。

A. /*和 */ B. // C. D. '

22.图像文件名为myhome.jpg，要访问目标网站为http://www.edu.cn，以下创建一个图像链接正确是（ D ）。

A. <a href="http://www.edu.cn" >myhome.jpg</a>

B. <a href="http://www.edu.cn" ><img src="myhome.jpg">

C. <img src="myhome.jpg"><a href="http://www.edu.cn" ></a>

D. <a href="http://www.edu.cn" ><img src="myhome.jpg"></a>

23.以下关于文本格式标记描述正确的是（ B ）。

A. <sup>设置下标 B. <b>加粗显示文字

C. <del>定义列表 D.<font>标记不可以设置字符串的颜色

24.在HTML中，设置2号标题字使用标记是（ B ）。

A. <font>2</font> B. <h2>2</h2>

C. <hn>2 </hn> D.<h6>2</h6>

25.下列运算符中表示逻辑或的运算符是（ B ）。

A. && B.|| C. ! D.++

#26.下列哪一个属性不属于水平分隔线<hr>标记的属性（ B ）。

A.color B.face C.align D.size

27. HTML代码开始和结束的标记是（ A ）。

A.以<html>开始，以</html>结束 B.以<JavaScript>开始，以</JavaScript>结束

C.以<style>开始，以</style>结束 D.以<body>开始，以</body>结束

28.在DOM中通过元素ID号访问对象正确方法是（ C ）。

A. document.getElementsByName("元素名称")

B. document.getElementsByTagName("标记名称")

C. document.getElementById ("元素id")

D.document.getElementsById("元素id")

29.设置表格边框颜色的HTML代码是（ C ）。

A. <table color=""> B. <th bordercolor="">

C. <table bordercolor=""> D.<th color="">

30.定义列表的HTML代码是（D ）。

A.<dt><dl>...<dd>...</dl>

B.<dd><dt>...<dl>...</dd>

C.<dt><dd>...<dl>...<t>

D.<dl><dt>...<dd>...</dl>

31.在表单中插入列表框的正确的HTML代码是( C ）。

A. <input type="submit" ></input>

B. <textsrea name="textarea"></textarea>

C. <select multiple></select>

D.<input type=select ></input>

32.要在段落的首行空两个汉字，要插入（ D ）个空格。

A. 1 B. 3 C. 2 D.4

33.下列选项不属于盒子模型组成部分的是（ D）。

A.border B.content C. margin D. cell-padding

34.下面（ B ）是换行符标记。

A. <enter> B. <br>

C. <font> D.<p>

35.在JavaScript中，下列表示结束本次循环开始下一次循环的语句是（ D ）。

A. Break; B. begin; C. stop ; D. continue;

36.下列选项属于JavaScript输入、输出语句的是（ D ）。

A. alert(msg) B. console.log(msg) C. prompt(msg) D. 以上都是

37.下列代码中设置5号标题字正确的语句是（ C ）。

A. <font size=5>HTML</font> B. <h*> HTML </h*>

C. <h5>HTML</h5> D.<h size=5> HTML /h6>

38.下列（ B ）可以产生带有正方形的符号的列表。

A. list-type: square B. list-style-type: square

C. type: square D. type: 2

39.HTML文件的后缀名是（ B ）。

A. .txt B. .html或.htm

C. .js D..css

40.外部JavaScript文件后缀名通常为（ D ）。

A. *.html或*.htm B. *.txt

C. *.css D.*.js

41.以下关于文本格式标记描述正确的是（ D ）。

A. <sub>设置上标 B. <b>斜体显示文字

C. <ol>定义列表 D.<del>删除线标记

42.以下标记中用于定义表格标题的是（ C ）。

A. <td> </td> B. <tr>…</tr>

C. <caption>…</caption> D.<table> …</table>

43.下列能够设置文本加粗的CSS属性值对是（ A ）。

A. font-weight:bold B. style:bold

C. font:b D. font="粗体"

44.下面是相对路径的是（ C ）。

A. http://www.sina.com.cn B. ftp://219.153.40.150

C. ../a.html D. /a.html

45.下列哪一组属性不属于字体<font>标记的属性（ C ）。

A. Color B. face

C. Align D.size

46.下列（ C ）选项的CSS语法是正确的。

A. body:color=black B. {body:color=black(body)}

C. body{color:black;} D. {body;color:black}

47.引用外部compute.js脚本正确的语法是：（ C ）。

A. <script href="compute.js"> B. <style href="compute.js">

C. <script src="compute.js"> D.<style src="compute.js">

48.设置text-decoration属性的删除线的值是：（ C ）。

A. underline B. overline

C. line-through D.blink

49.下列能够实现与用户交互、表单验证的语言是（ D ）_。

A. HTML B. CSS

C. VFP D.JavaScript

50.在HTML页面上能产生无序列表的选项是（ D ）。

A. <dir><li>...</li>...</dir> B. <dl><dt>...<dd>...</dl>

C. <ol><li>...</li>...</ol> D.<ul><li>...</li>...</ul>

51.将超链接的（ C ）属性指向子框架的名称属性，可以实现在指定的框架内打开超链接的目标网页。

A. href B. title

C. target D.name

52.在下列HTML 元素（ A ）中可以放置 Javascript 代码。

A. <script> B. <scripting>

C. <Javascript> D.<js>

53.在文本框中输入结束后，光标从该文本框离开的事件句柄是（ D ）。

A. onClick B. onMouseOver

C. onFocus D.onBlur

1overflow是css中的重要属性,该属性用于规范溢出内容的显示方式,下列表示在需要时产生滚动条(自适应所要显示的内容)的是(C)

A、overflow:visible;

B、overflow:hidden;

C.overflow:auto;

D、overflow:scroll;

二：以下标记,(C )表示水平线。

A、li

B、br

C、hr

D、pre

3在HTML中插入CSS样式表有三种方式,其中不包括( C) 。

A、内嵌样式表

B、行内样式表

C、类样式表

D、外部样式表文件

4在超链接标签中,target属性的默认值是( B)。

A、_blank

B、_self

C、_parent

D、_top

5下列HTML中,用于插入图像的是( C)

A、<image src="image.gif">

B、<img href="image.gif">

C、<img src="image.gif">

D、img>image.gif</img>

6以下拥有行内元素特征的元素是( C)

A、<div>

B、<ul>

C、<img>

D、<h2>

7在网页中,浮动元素会影响后面相邻的固定元素,清除浮动元素对其它元素影响的方法描述不正确的是( C)

A、可以采用空标记清除浮动

B、采用设置元素的overflow属性为hidden来清除浮动

C、设置元素的position属性来清除浮动

D、使用after伪对象来清除浮动

8下列用于设置背景图像平铺的属性是( B)

A、background-image

B、background-repeat

C、background-position

D、background

9<video>元素中,用于设置是否为该元素添加播放、暂停、进度条等控件的属性是( C)。

A、poster

B、control

C、controls

D、preload

1以下选项中,全部都是表格标签的是(B )

A、<table><head><tfoot>

B、<table><tr><td>

C、<table><tr><tt>

D、<table><body><tr>

2在<input> 标签中将 type 属性设置为(B )即可定义单选按钮。

A、"check"

B、"radio"

C、"select"

D、"text"

3带有数字标识的列表(无序列表)是( A)

A、<ul>

B、<ol>

C、<dl>

D、<list>

4在 HTML5 中,用于规定输入字段是必填的属性是( A)

A、required

B、formvalidate

C、validate

D、placeholder

6用于改变背景图像的位置(此位置是相对于左上角的相对位置)CSS属性为( A)。

A、background-position

B、background-color

C、background-image

D、background-attachment

7以下不是float属性的是(D )

A、left

B、none

C、right

D、all

8在 CSS中,关于盒子的margin 属性的叙述正确的是( B)

A、边距 margin 只能取一个值

B、margin 属性的参数有 margin-left、margin-right、margin-top、margin-bottom

C、margin 属性的值不可为 auto

D、margin 属性的参数值不能全部设置成 0px

9以下关于:after伪类对象说法正确是(A )

A、after 伪元素在元素之后添加内容

B、after 伪元素只能应用于超链接标签a

C、使用:after 伪元素可能导致浮动元素塌陷

D、after 不可以在元素之后添加指定链接的文件内容

10如何去掉文本超级链接的下划线( D)

A、a {text-decoration:no underline;}

B、a {underline:none;}

C、a {decoration:no underline;}

D、a {text-decoration:none;}

1用于设置鼠标经过、悬停时超链接状态的链接伪类是( B )

A、a: after

B、a:hover

C、a:link

D、a:active

2以下标记中,属于单标记的是( B )。

A、title

B、hr

C、a

D、style

4文本缩进显示的CSS属性是( A)

A、text-indent

B、text-align

C、text-transform

D、text-decoration

5用于标记 HTML文档的开始和结束的 HTML结构标记为( A )。

A、<HTML>...</HTML>

B、<HEAD> ...</HEAD>

C、<TITLE> ...</TITLE>

D、<BODY> ...</BODY>

6以下css正确的语法构成是( C )

A、body:color=black

B、{body;color:black}

C、body{color:black;}

D、{body:color=black(body)}

7在 CSS3中,可以使用( B )属性实现圆角效果。

A、circle

B、border-radius

C、round

D、border-round

8同时清除左右浮动的 CSS 写法正确的是( B )

A、clear:none

B、clear:both

C、clear:left

D、clear:right

1在 CSS中,可以使用(B )属性实现文字水平居中。

A、line-height

B、text-align

C、center

D、font-align

2用于对元素类型进行转换(如行内元素转换为块级元素)的属性是( C)

A、inline

B、block

C、display

D、change

3用于定义 HTML文档所要显示的内容的HTML结构标记为(D )。

A、<html>...</html>

B、<head> ...</head>

C、<title> ...</title>

<body> ...</body>

4以下选项中,全部都是表格标记的是(B )

A、<table><head><tfoot>

B、<table><tr><td>

C、<table><tr><tt>

D、<table><body><tr>

5用于设置字体(如“黑体”等)的CSS属性是( B )

A、font-weight

B、font-family

C、font-style

D、font-size

6Form表单中使用( C )可以实现多个选项的下拉菜单效果。

A、"check"

B、"radio"

C、"select"

D、"text"

7用于设置背景图像的平铺效果的CSS属性为( B )。

A、background-position

B、background-repeat

C、background-image

D、background-attachment

8图1为一个border为2px的div 块,总宽度为 300px(包括border),阴影区为padding-right:50px 左侧内边距;那么此div的width 应设置为( B )px 。

图1

A、248

B、246

C、245

D、247

9HTML5页面中定义有序列表的列表元素是( B)

A、<ul>

B、<ol>

C、<dl>

D、<list>

10以下代码用于去掉无序列表元素默认样式(项目符号)的是(C )

A、ul {list:none;}

B、ul {underline:none;}

C、ul {list-style:none;}

D、ul {list:style none;}

二.填空题（共10题）（答案中 ; 表示或者）

1复合选择器：元素1 元素2 { 声明1；声明2； }的样式作用在元素（）上。

正确答案：第一空：2;元素2

2把页面元素转换为为内联元素，应设置的CSS样式属性是（）。

正确答案：第一空：display：inline; display:inline;

3把页面元素显示为块级元素，应设置的CSS样式是（）。

正确答案：第一空：display：block；display:block;

4CSS样式元素不可见则将属性visibility设置为（）

正确答案：第一空： hidden

5定义密码框，可通过<input ()="password"/>来实现。

正确答案：第一空： type

三.判断题（共5题）

1CSS（Cascading Style Sheets）是层叠样式表的缩写，“层叠”就是将显示样式独立于显示的内容，进行分类管理。

正确答案： √

2内嵌样式表定义为一个独立的CSS样式文件，使用该样式表的HTML文件在头部用<link>标记链接到这个CSS样式文件。

正确答案： ×

3引用样式表在一个样式表内部使用@import语句引用其他样式表文件

正确答案： √

4在HTML中，name属性值可以重复，而id属性值不可重复。

正确答案： √

5CSS样式设计时，存在叠加、继承和优先级问题。

正确答案： √

简答题

简述绝对路径和相对路径的区别，尽量详细，可举例说明。

答：绝对路径是指文件在硬盘上真正存在的路径。例如某图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下，那么这个图片的绝对路径就是“E:\book\网页布\代码\第2章\bg.jpg“。

相对路径，就是相对于自己的目标文件位置。

图片与目标文件在同一文件夹中，就直接写图片的名称即可，如<img src=”1.jpg”/>。
图片位于目标文件的下一级文件夹，输入文件夹名和文件名，之间用“/”隔开，如<img src=”images/1.jpg”/>。
图片位于目标文件的上一级文件夹，在文件名之前用“../”隔开，如<img src=”../1.jpg”/>。

简述什么是盒子模型，它是由哪些部分组成，盒子的总宽度和总高度如何计算？

答：盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。

它是由内容（content）、边框（border）、内边距（padding）、外边距（margin）组成。

盒子的总宽度=width+左右外边距之和+左右内边距之和+左右边框宽度之和

盒子的总高度=height+上下外边距之和+上下内边距之和+上下边框宽度之和

如何为网页添加超链接，举例说明。定义超链接时如何指定打开链接文件的目标窗口？列举出2种目标窗口形式并简要说明。

答：在 HTML 文件中，使用标记 <a></a>来定义超链接，具体链接对象通过标记中的 href 属性来设置。

定义超链接的语法格式如下<a href="url" target="target-windows" >链接标题 </a>

target 属性指定用于打开链接的目标窗口

默认方式是原窗口，其属性值如下所示。

_blank 在新窗口中打开，_self 在同一窗口中打开，和默认值一致

如何为网页添加锚点链接，请举例说明。定义锚点链接时如何指定跳转的目标位置？举例并简要说明。

答：在 HTML 文件中，使用标记 <a></a>来定义锚点链接，具体链接对象通过标记中的 href 属性来设置。

定义锚点链接的语法格式如下<a href="#id" >链接标题 </a>

点击后跳转到body中对应的id位置，id值唯一。

JavaScript语言特点有哪些？请至少列出4点。

答：（1）弱类型语言；（2）解释执行的脚本语言；（3）简单性；（4）动态性；（5）平台无关性；（6）安全性；（7）基于对象；（8）事件驱动等。

请说出HTML、CSS和JavaScript三者在网页中的作用。

答： HTML是超文本标记语言，是控制网页的内容的；

CSS是层叠样式表，是控制网页的样式的；

JavaScript是动态脚本语言，实现网页交互的，控制网页的行为的。

CSS基本选择器有哪些，请至少列出三种，并举例说明。

答：通用选择器，*{}；标签选择器，标签名{}；类选择器，.类名{}；id选择器，#id名{}

CSS复合选择器有哪些，请至少列出2种，并举例说明。

答：

交集选择器，标签名后紧跟类选择器或ID选择器；

并集选择器，标签名与标签名之间用逗号隔开；

后代选择器，父标签在前，子标签在后，两者用空格隔开。

CSS样式的引入方式有哪些，请至少写出3种，并举例说明。

答：

行内式，以style=“键值对”的形式进行。

内嵌式，在头部的style标签对中。

外链式，以<link>标签引入。

导入式，以@引入。

如何理解绝对定位和相对定位，尽量详细，可举例说明。

答：绝对定位是相对于已经被定位的父元素进行定位，如果所有的父元素都没有定位则相对于浏览器页面进行定位，原位置不保留。

相对定位是相对于自身在文档流中的位置进行定位，原位置保留。

请列出三种JavaScript引入方式，并写出其引入过程。

答：（1）行内式：通过标签的属性值进行引入，比如：<button onclick=“javascript:alert(“登录成功！”)”>登录</button>。

（2）嵌入式：写在<script></script>中间，而<script>整体放在<head>中。

（3）外链式：将javascript代码单独建立一个文件命名为xxx.js，然后在html中head部分加入<script src=”js文件的路径”></script>。

设置颜色的时候，颜色值可以有几种形式给出来。请举例设置颜色为红色时，可以如何设置颜色值。

答：（1）英文单词：可以用预设的英文单词表示对应颜色，如红色可以使用red。

十六进制：可以使用#开头，后跟颜色的16进制色值，比如红色为#ff0000。
Rgb值：可以用RGB（r,g,b）的形式给出来，取值可以为0-255之间的整数，也可以是百分比。红色可以为：RGB(255,0,0)