网页制作练习题

合集下载

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

word专业资料-可复制编辑-欢迎下载
网页制作练习题
一、选择题
1．在网页中最为常用的两种图像格式是（A）
A.jpg和png
B.jpg和psd
C.png和bmp
D.psd和bmp
2．标记符<title>是放在标记符（ B ）之间的
A.<html></html>
B.<head></head>
C.<body></body>
D.</head><body>
3．样式表定义#title {color:red} 表示（ B ）。

A.网页中的标题是红色的
B.网页中某一个id为title的元素中的内容是红色的
C.网页中元素名为title的内容是红色的
D.以上任意一个都可以
4．＜img＞标记符中连接图片的参数是：（ B ）
A.href
B.src
C.type
D.alt
5．不属于HTML标记的是（ C ）
A.<html>
B.<head>
C.<color>
D.<body>
6．为了标记一个HTML文件，应该使用的HTML标记是（C）
A.<p></p>
B.<body></body>
C.<html></html >
D.<title></ title>
7．运行下面创建表格的代码，在浏览器里会看到（D）的表格。

<table width=”20%”border=”1”>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>
A.3行2列
B.2行3列
C.3行3列
D.2行2列
8．运行下面代码，在浏览器里看到（C）
<table width=”20%”border=”1”>
<tr><td colspan=”2”></td></tr>
<tr><td rowspan=”2”></td><td></td></tr>
<tr><td></td></tr>
</table>
A.6个单元格
B.5个单元格
C.4个单元格
D.3个单元格9．若要是设计一块区域背景图片为bg.jpg，以下标记中，正确的是（D）
A.<div style=”background-image=bg.jpg;”>
B.<div style=”background-image:bg.jpg;”>
C.<div style=”background-img=bg.jpg;”>
D.<div style=”background-image :url(bg.jpg);”>
10．HTML语言中，设置表格中文字与边框距离的标签是（C）
A.<table border=#>
B.<table cellspacing=#>
C.<table cellpadding=#>
D.<table width=#or %>
11．HTML语言中<strong>标记的作用是（C）
A.给文字加下划线
B.给文字加删除线
C.将文字变成粗体
D.将文字变成斜体
12．内部样式表的元素是（ A ）
A.<style>
B.<css>
C.<script> 13．元素中定义样式表的属性名是（A ）
A.style
B.class
C.styles
D.font 14．下列（ C ）是定义样式表的正确格式。

A.{body:color=black(body}
B.{body:color=black }
C.body {color: black}
D.{body;color:black}
15．用来设置页面内容需要写在那个标签内部（B）
A.<head>和</head>
B.<body>和</body>
C.<html>和</html>
D.<title>和</title>
16．HTML中的标题标签共有几个级别（C）
A.4级
B.5级
C.6级
D.7级
17．下面不是组成一个HTML文件基本结构标签的是（C）
A.<html></html>
B.<head></head>
C.<form></form>
D.<body></body> 18．HTML语言中的强制换行的是（B）
A.<hr>
B.<br>
C.<p>
D.<em>
19．标签hr的作用是（B）
A.强制换行
B.画一条水平线
C.设置标题
D.显示斜体文字
20．在网页中要输入一个空格，应使用（B）
A.&nsnp;
B. 
C.&sbnp;
D.&sbpn; 21．下面有关标记符<a>的正确说法是：（ D ）
A.该标记符的参数是src
B.该标记符的参数是hrefs
C.该标记符可以用来在网页中插入图片
D.该标记符可以用来在网页中插入超链接
22．要在表单中创建一个普通文本框，以下的写法中正确的是（A）
A.<input type="text">
B.<input type="password">
C.<input type="checkbox">
D.<input type="radio">
23．在HTML中，插入图片用（B）标签来定义。

A.a
B.img
C.image
D.span
24．（A）标记表示网页中一个段落的开始。

A.<p>
B.<hr>
C.<br>
D.<dl>
25．当浏览器不支持图像时，图像<img>标签的（D）属性的文本内容可以代替说明图像信息。

A.src
B.style
C.value
D.alt
26．行块标签中的行标签中的无语义的是（C）
A.div
B.strong
C.span
D.input
27．在CSS中要使a标签去除下划线，text-decoration属性的取值应该是（A）
A.none
B.underline
C.overline
D.line-though 28．哪个属性可以控制文本的大小（A）
A.font-size
B.text-style
C.font-style
D.text-size 29．如何改变块元素的左边距？（C）
A.text-indent
B.indent
C.margin-left
D.border-left 30．创建下拉列表应使用以下标记符（ A ）
A.select和option
B.input
C.input和option
D.dl和dt、dd
31．以下标签中，用于定义表格每一列的是（A）
A.<td>···</td>
B.<tr>···</tr>
C.<table>···</table>
D.<caption>···</caption>
二、填空题
1、块标签包含：div/h1~h6/p/ul/ol/li/dl/dt/dd ;
2、行标签包含：span/a/img/em/strong/input/textarea/select;
3、块标签里面没有直接含义的标签是: div ;
4、标题标签怎么写：<h1>····</h1> ;
5、无序列表和有序列表的子层是___li____；
6、自定义标签的子层有dt 、dd ;
7、列表标签包含：ul/ol/dl ;（无序列表和有序列表的子层是
li 、自定义标签的下层有dt/dd ）;
8、强制换行是使用br ;
9、将一块区域内的input 标签包裹起来使用form ;
10、a标签里面转跳的地址怎么写：<a href=”转跳地址”>····</a> ;
11、img标签里面图片的地址怎么写：<img src = “图片地址” > ;
12、img标签里面图片未加载出来时，出现的提示文字怎么写：<img alt=”图片的错误提
示信息”> ;
13、斜体强调是em 、加粗强调是strong ;
14、单选框需要使用相同name值存在且相同可以实现只能选择一个元
素
15、value可以实现text/password/button/reset/sumbmit 文字的显示
16、HTML网页文件的标记是<html></html> 网页文件的主体标记是<body></body>
标记页面标题的标记是_<title></title>_。

17、HTML语言的HEAD部分包含的主要标签有mate/titie/style/link 。

18、HTML语言中特殊字符空格的代码为  。

19、表格的标签是table ，单元格的标签是td/th 。

20、表格有3个基本组成部分：行、列和caption 。

21、请写出在网页中设定表格边框的粗细的属性border ；
22、单元格水平合并所用的属性值是colspan ；
23、单元格垂直合并是属性值是rowspan ;
24、<tr>….</tr>是用来定义__表格的行________；<td>…</td>是用来定义____表格的列
_____；<th>…</th>是用来定义__表格的表头________。

在CSS中，对字体的设置所涉及的样式有
font-size/font-style/font-weight/font-family/color/letter-spaceing/word-spaceing
25、在表单中添加下拉列表时，应使用select 和option 标签;
26、如何将一段文本设置成居中对齐style=”text-align:center;” 。

27、input属性值中，密码框是password ;文本框是text ;
单选框是radio (实现单选效果需要name存在且相同)；
多选框是checkbox ；查找文件是file ；
重置按钮是reset ；提交是submit ；
三、简答题
1．关于页面的基本框架？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
2．三种样式引入方式的相同点和不同点？
三种引入分别是：行内样式、头部样式、外部样式；
相同点：都是为元素添加对应的样式
不同点：行内样式书写复杂，出错不容易查找，但设置样式方便
头部样式存在代码提示，但书写过多时切换的过多
外部样式存在代码提示，不用上下切换，但有可能出现链接问题
3．举例说明什么是行内式CSS样式、什么是头部CSS样式、什么是外部CSS样式。

行内样式<div style="width:100px;"></div>
头部样式
<style>
div{
width: 100px;
}
</style>
外部样式
<link rel="stylesheet" href="外部样式表.css">
4．盒子模型具体是什么内容？
包含外填充margin、边框border、内填充padding
其中：margin存在块居中：margin:auto;
Margin和padding都存在四个方向：当属性值为4个时表示的是上、右、下、左；3个时表示的是上、左右、下；2个数值时表示的是上下、左右；1个数值时表示的是上下左右
Border的最基本的四种线的形状为solid（实线）、dotted（点线）、dashed（虚线）、double（双线）
5．存在几种显示方式，各自的特征分别是？相互之间怎么转化的？
答：存在四种方式；分别为行标签、块标签、行块标签、不显示
行标签特征是：在一行内显示、不可以设置宽高；
块标签特征是：独占一行、可以设置宽高；
行块标签特征是：在一行内显示，可设置宽高；
不显示的特征是：不占位置；
Display:inline; 块标签转为行标签显示
Display:block; 行标签转为块标签显示
Display:inline-block;行标签、块标签转为行块标签显示
Display:none;行标签、块标签转为不显示
四、快捷键
选择下一个相同的单词ctrl+d
在浏览器打开ctrl+b
代码自动填充tab
一列到四列alt+shift+1~4
二行到三行alt+shift+8\9
word专业资料-可复制编辑-欢迎下载句首home
句尾end
浏览器检查元素f12/fn+f12。