《html5网页设计》复习练习题

*
1.
html5文档结构由<head>和（ ）两部分组成？
<body>
<meta>
<h>
<title>
*
2.
html5文档的树状结构中，（ ）标签为文档的根节点，位于结构中的最顶层。
<html>
<head>
<body>
<title>
*
3.
W3C 制定的web标准以下不包括（ ）
结构化标准语言
CSS
DreamWeaver
DOM
*
4.
在图片标签<img>中，使用（ ）属性设置显示图片的路径。
src
href
source
from
*
5.
html5是一种（ ）的语言。
二进制
超文本标记
自然语言
高级语言
*
6.
HTML5网页文件的扩展名为（ ）
.aspx
.css
.html或.htm
.txt
*
7.
html5标签中标题文字要设置对齐方式，需要设置属性（ ）
align
src
font
color
*
8.
html5中显示水平线的标签是( )
<a>
<line>
<hr>
<ul>
*
9.
在html5中，下面关于文件路径的说法错误的是（ ）
文件路径指文件存储的位置
“../”用于返回当前目录的上一级目录。
“../”用于返回当前目录的下一级目录。
访问下一级目录直接输入相应的目录名即可。
*
10.
在html5页面标记中，用于设置文本框显示宽度的属性是（ ）
size
maxLength
value
length
*
11.
在html5页面标记中，用作空格标记的代码是（ ）
&Nbsp;
br
@import
!doctype
*
12.
在html5页面标记中，标题文字最小的标签是（ ）
h1
h5
h6
h7
*
13.
网页链接中的文件路径分为（ ）
相对路径和固定路径
固定路径和超级路径
相对路径和绝对路径
跳转路径和绝对路径
*
14.
以下在链接中使用锚点正确的方式是（ ）
<a href="#name">锚点链接</a>
<a href="name">锚点链接</a>
<a href="#">锚点链接</a>
<a href=" ">锚点链接</a>
*
15.
以下能让图片与文字居中对齐的属性设置是（ ）
<img src="demo.jpg" align="middle" />
<img src="demo.jpg" align="center" />
<img src="demo.jpg" align="con" />
<img src="demo.jpg" align="mid" />
*
16.
下列那个标签是行级标签（ ）
div
br
ul
h1
*
17.
在html5页面标记中，用于定义表格中行的标签是（ ）
<td>...</td>
<tr>...</tr>
<table>...</table>
<caption>...</caption>
*
18.
在表格中表示单元格的标签是（ ）
<table>
<tr>
<td>
<form>
*
19.
在html5中，以下正确表示无序列表的代码是（ ）
<li><ul>...</li>
<ul><li>...</ul>
<ol><li>...</ol>
<li><ol>...</li>
*
20.
html5 内容标签分为两大类，分别是（ ）
行级标签和块级标签
表格标签和块级标签
块级标签和表单标签
表单标签和行级标签
*
21.
在表格标签中，使用什么属性设置表格边框（ ）
background-color
background
border
border-width
*
22.
在html5中可以使用表格来显示数据，下面（ ）标签用于创建表格？
<table></table>
<p></p>
<body></body>
<head></head>
*
23.
在标准文档流中，块级元素默认的排列顺序是（ ）
从上到下，从上到下
从上到下，从左到右
从左到右，从上到下
从左到右，从左到右
*
24.
表格中某一行跨2行，正确的写法的是（ ）
<tr rowspan="2">...</tr>
<tr linespan="2">...</tr>
<tr colspan="2">...</tr>
<td rowspan="2">...</td>
*
25.
在html5页面中，要使表格的边框不显示，应设置border的值为（ ）
1
0
2
3
*
26.
table标签中cellspacing和cellpadding属性的含义正确的是（ ）
单元格间距，边框
边框，单元格间距
单元格间距，单元格填充
单元格填充，边框
*
27.
表格中tr和td标签的含义是（ ）
行，行间距
列，列间距
表格标题，行
行，列
*
28.
音频和视频标签名称为（ ）
video和audio
audio和video
voice和audio
audio和image
*
29.
关于表格标签应用说法错误的是（ ）
表格常用标签主要有table,tr,td。
tr标签作用是增加一行
td标签作用是增加一个单元格
表格标签可以单独使用
*
30.
在音频标签中，以下用于向用户显示控件的属性是（ ）
autoplay
controls
loopend
playcount
*
31.
在html5中，将表单中input元素的type属性值设置为（ ）时，用于创建重置按钮。
reset
set
button
image
*
32.
html5中表单的标签是( )
<table>
<form>
<from>
<item>
*
33.
设置input元素的只读属性以下正确的是（ ）
maxlength
size
readonly
checked
*
34.
如果要设置一个表单元素内容为必填项则要设置( )属性来完成。
required
fix
type
must
*
35.
input标签中，maxlength属性可以实现什么操作（ ）
控制字符数量
类型匹配验证
验证输入范围
自定错误信息
*
36.
生日可以使用什么表单元素实现（ ）
<input type="text">
<input type="url">
<input type="email>
<input type="date">
*
37.
表单提交默认方式为（ ）
get
post
password
button
*
38.
如果将下拉框变成多选需要添加（ ）属性
selected
muiltiple
size
alt
*
39.
html5代码<select name=“name”></select>表示（ ）
创建表格
创建一个滚动菜单
设置每个表单项的内容
创建一个下拉菜单
*
40.
在html5页面中看不见的表单元素是那种( )
<input type="password"></input>
<input type="text"></input>
<input type="hidden"></input>
<input type="reset"></input>
*
41.
在html5中，下面对于单选按钮（Radio）的说法正确的是（ ）
选中的单选按钮可以通过单击在选中和未选中之间进行切换
单选按钮没有checked属性
单选按钮组中的单选按钮不能够同时被选中
单选按钮组中每个单选按钮的名字可以不一样
*
42.
html5页面中，表示在新窗口中打开网页文档，target属性值正确的选项是（ ）
_self
_blank
_top
_parent
*
43.
在html5表单控件下拉列表中，如果要某一项被选中，以下正确的（ ）
<option value="" selected>朱一龙</option>
<option value="" checked>张艺兴</option>
<option value="checked">王源</option>
<option value="selected">王俊凯</option>
*
44.
在html5的input标签中，type属性值不是表示按钮的是（ ）
type="submit"
type="reset"
type="outset"
type="button"
*
45.
在html5中，将表单中input元素的type属性值设置为（ ）时，用于创建图片按钮。
reset
set
button
image
*
46.
在input元素中 ，当设置oninvalid属性值为 （ ）时可自定义错误信息。
setErrorMessage('自定义验证信息')
setValidity('自定义验证信息')
setCustomValidity('自定义验证信息')
setCustomer('自定义验证信息')
*
47.
对html5表单验证功能支持最好的浏览器是（ ）
IE浏览器
火狐浏览器
谷歌浏览器
opera最新版浏览器
*
48.
以下关于CSS描述错误的是（ ）
CSS减轻了编码量
提高了网页浏览的速度
不利于更新页面表现风格
实现了内容和表现的分离
*
49.
样式表与html同在一个页面，此时叫( )
内联式样式表
嵌入式样式表
层叠式样式表
链接式样式表
*
50.
下列哪个选项是超链接伪类点击未释放状态( )
a:link
a:visited
a:hover
a:active
*
51.
如何去掉文本超级链接的下划线( )
text-decoration:no underline；
underline:none；
decoration:no decoration；
text-decoration:none；
*
52.
下列哪个样式的优先级最高( )
ID样式
标签样式
类样式
行内样式
*
53.
下列HTML属性用来定义行内样式规则的是（ ）
style
class
type
name
*
54.
下列CSS选择器中属于包含选择器的是（ ）
#div{…}
.div{…}
#div h1{…}
div,h1{…}
*
55.
下列哪个选项是表示超链接伪类已访问状态( )
a:link
a:visited
a:hover
a:active
*
56.
若要在网页中插入样式表main.css，以下正确的是（ ）
<link href="main.css" type=text/css rel=stylesheet>
<link src="main.css" type=text/css rel=stylesheet>
<link src="main.css" type=text/css >
<script href="main.css" type=text/css rel=stylesheet>
*
57.
引用外部样式表，用哪个标签( )
<link>
<input>
<head>
<title>
*
58.
下列哪个选项是超链接伪类未访问状态( )
a:link
a:visited
a:hover
a:active
*
59.
清除默认盒子的边距和填充的代码以下正确是（ ）
{margin:0px:padding:opx}
{margin;0px:padding;opx}
*{margin:0px;padding:0px;}
*{margin:0px padding:0px;}
*
60.
下列哪个选项是类选择器( )
h1
p
#newname
.newname
*
61.
导入样式表关键字为（ ）
@import
a:ling
link
style="样式属性：属性值;"
*
62.
margin：1px 3px 4px 5px;分别表示那几个方向的边距设置（ ）
上，下，左，右
上，下，右，左
上，左，下，右
上，右，下，左
*
63.
以下代码p{color:red;} <p style="color:green;">考试</p> 其中“考试”的样式是
红色
一般红色一般绿色
绿色
黑色
*
64.
在CSS3.0样式中，设置文本行高的属性是以下哪个选项( )
line-height
list-style
font-weight
text-decoration
*
65.
在CSS3.0样式中，下列属性哪一个能够实现层的隐藏（ ）
display:false
display:hidden
display:none
display:" "
*
66.
在CSS3.0样式中，要实现两个div水平排列，最重要的样式属性是( )
overflow
margin
width
float
*
67.
在CSS3.0样式中，设置边框颜色的属性是以下哪个选项( )
color
border-width
border-style
border-color
*
68.
text-decoration设置下划线不显示的属性值是以下哪个选项（ ）
underline
none
line-through
overline
*
69.
下面哪个CSS3.0属性是用来改变背景颜色( )
background-color
bgcolor
color
text
*
70.
在CSS3.0中，属性（ ）可以设置盒子的圆角边框。
border-radius
border
radius
circle
*
71.
CSS中设置字体样式属性说法错误的是（ ）
font-size设置字体大小
text-align设置文本的对齐方式
font-type设置字体的类型
font-weight用来设置字体的粗细
*
72.
通过css3的（ ）属性设置字符间距
repeat-x
letter-spacing
shadow
Radial
*
73.
字体属性的font-weight属性可以通过（ ）值设置对字体进行加粗
bold
b
strong
size
*
74.
表示背景图像定位的CSS属性为（ ）
background-position
bg-position
background-loction
background-seat
*
75.
CSS3中，用于设置背景颜色的属性是（ ）
background-color
color
background-image
bg-color
*
76.
若要设置背景图片垂直方向上平铺，则需要将background-repeat属性值设置为（ ）
repeat
repeat-x
no-repeat
repeat-y
*
77.
CSS3中，背景色从蓝色到黑色，并且由左到右线性渐变的正确写法是（ ）
background:linear-gradient(to right,blue,black)
background-posotion:linear-gradient(to right,blue,black)
background:linear-gradient(to right bottom,blue,black)
background:linear-gradient(-90deg,blue,black)
*
78.
CSS3中，设置文字阴影的正确写法是（ ）
text-shadow:v-shadow h-shadow blur color
text-shadow:h-shadow v-shadow color blur
text-shadow:h-shadow v-shadow blur color
text-shadow:v-shadow h-shadow color blur
*
79.
background-repeat属性默认值为（ ）
repeat
repeat-x
no-repeat
repeat-y
*
80.
在设置标签背景图像的同时设定元素的背景颜色将会（ ）
不会载入图片
优先显示背景图片
只显示背景颜色
啥都没有
*
81.
标签定位在距其父标签左边50px，上边100px的CSS正确写法是（ ）
{position:static;left:50px;top:100px}
{position:relative;left:50px;top:100px}
{position:absolute;left:50px;top:100px}
{position:fixed;left:50px;top:100px}
*
82.
元素内容宽120px,高150px,填充10px,边框5px,边距10px,请计算盒子的实际大小是（ ）
宽：150px,高：180px
宽：135px,高：165px
宽：170px,高：200px
宽：140px,高：170px
*
83.
绝对定位以下说法错误的是（ ）
绝对定位是指将标签放置在绝对坐标位置上
绝对定位使标签的位置与文档流无关
绝对定位的标签不占据标准文档流空间
绝对定位的标签只能参照浏览器来定位
*
84.
html5盒子所占空间的计算公式为（ ）
内容+边距+边框
内容+填充+边框+边距
内容+边距+填充
内容+边框+填充
*
85.
以下代码（ ）将隐藏div内容，并且被隐藏的内容不占屏幕的空间。
<div style="visibility:hidden;"></div>
<div style="display:none;"></div>
<div style="display:block;"></div>
<div style="visibility:visible;"></div>
*
86.
CSS3中，设置元素的左外边距的是（ ）属性
margin-top
margin-bottom
margin-left
margin-right
*
87.
若要在页面中实现两个div重叠，需要应用样式表定义中的（ ）
z-index属性
绝对定位和相对定位属性
容器属性
CSS滤镜
*
88.
清除全部浮动的正确写法是（ ）
clear:none
clear：both
clear:left
clear:right
*
89.
页面默认的布局方式是（ ）
流式布局
table布局
div布局
瀑布流布局
*
90.
计算盒子模型的时候，不包含以下哪个属性（ ）
magin
padding
border
body
*
91.
在html5中常见列表包括（ ）【多选题】
无序列表
有序列表
扩展列表
定义列表
*
92.
表单提交数据的方式有哪几种（ ）【多选题】
get
readonly
post
method
*
93.
表单元素中用于输入框的标签有（ ）【多选题】
text
password
textarea
reset
*
94.
关于块状元素和行内元素，以下说法正确的有 （ ）【多选题】
p、div、table、ul、ol是块状元素
img、br、span、a是行内元素
块状元素按照从左到右的方式进行排列
行内元素设置width 属性、height 属性不能影响元素的大小。
*
95.
CSS中visibility属性的取值有（ ）【多选题】
hidden
visible
none
block
*
96.
盒子定位分为（ ）【多选题】
静态定位
相对定位
绝对定位
固定定位
*
97.
下列元素中，属于块状元素的是（ ）【多选题】
<p>
<table>
<div>
<img>
*
98.
在表单元素中具有提交功能按钮的是（ ）【多选题】
图片按钮
提交按钮
普通按钮
重置按钮
*
99.
关于盒子之间的位置关系，以下说法正确的有 （ ）【多选题】
垂直排列的两个盒子之间的距离是取两者边距中的较大值
垂直排列的两个盒子之间的距离是取两者边距之和
水平排列的两个盒子之间的距离是取两者边距之和
水平排列的两个盒子之间的距离是取两者边距较大值
*
100.
关于span元素和div元素的描述正确的有（ ）【多选题】
span元素和div元素都是块级元素
span元素和div元素都是元素
span是行级元素，div是块级元素
div元素和span元素可以相互转换
问卷星提供技术支持
举报