您的位置：360文档中心› 网页制作练习题

网页制作练习题

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

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

A. 网页中的标题是红色的
B. 网页中某一个 id 为 title 的元素中的内容是红色的
C. 网页中元素名为title的内容是红色的
D .以上任意一个都可以
4. v img >标记符中连接图片的参数是：（ B ）
A.href
B.src
C.type
5. 不属于 HTML 标记的是（ C ）
A.<html> B . <head> C.<color>
6. 为了标记一个 HTML文件，应该使用的 HTML标记是（C ）
A . <p></p>
B . <body></body> C.<html></html >
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 列
8. 运行下面代码，在浏览器里看到（ C ）
<table width= ”20%” border= ”1”>
D.psd 和 bmp D. </head><body>
D.al
t
D. <body>
D.<title></ title>
D.2 行 2 列
<tr><td colspan= ” 2” ></td></tr>
</table>
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 语言中，设置表格中文字与边框距离的标签是(
A. <table border=#>
B. <table cellspacing=#>
11. HTML 语言中<strong>标记的作用是( C
A. 给文字加下划线
B. 给文字加删除线 12.
内部样式表的元素是
（
A ）
A.<style>
B.<css> 13.
元素中定义样式表的属性名是（
A ）
A. style
B.class
14.
下列（ C ）是定义样式表的正确格式。

A. {body:color=black （body}
B. {body:color=black }
15. 用来设置页面内容需要写在那个标签内部（
A. <head>禾口 </head>
B. <body>和 </body>
<tr><td></td></t r>
A. 6 个单元格
B. 5 个单元格
C. 4 个单元格
D. 3 个单元格
C )
C. <table cellpadding=#>
D. <table width=#or %>
)
C. 将文字变成粗体
D. 将文字变成斜体
C.<script>
C.styles
D.font
C. body {color: black}
D. {body;color:black}
B )
C. <html> 和 </html>
D. <title> 和 </title>
C )
16. HTML中的标题标签共有几个级别（
A. 该标记符的参数是 src
B. 该标记符的参数是 hrefs
C. 该标记符可以用来在网页中插入图片
D. 该标记符可以用来在网页中插入超链接 22.
要在表单中创建一个普通文本框，以下的写法中正确的是（
A ）
A. <input type="text"> C. <input type="checkbox">
B. <input type="password">
D. <input type="radio">
23. 在 HTML 中，插入图片用（ B ）标签来定义。

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

B.strong 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. 强制换行
C. 设置标题
B. 画一条水平线
D. 显示斜体文字
20.在网页中要输入一个空格，应使用（ B ）
A.&nsnp;
B.&nbsp;
C.&sbnp;
D.&sbpn;
A.4级
B.5 级
C.6 级
D.7 级
21. 下面有关标记符<a>的正确说法是：（ D ）
C.image
D.span
A.<p>
B.<hr>
C.<br>
D.<dl>
25.
当浏览器不支持图像时，图像 <img>标签的（D 属性的文本内容可以代替说明图像信息。

A.src
B.style
26.行块标签中的行标签中的无语义的是
C.value
C )
D.alt
A.div
5、无序列表和有序列表的子层是 _____ li
6、自定义标签的子层有 _______ d! _________ 、 _______ dd
7、歹y 表标签包含：
___________
U ________ 、自定义标签的下层有
dt/dd
&强制换行是使用 _________ br _________ ; 9、 将一块区域内的
in put 标签包裹起来使用
___________
10、 a 标签里面转跳的地址怎么写： <a href=转跳地址”〉• • •• </a>
11、 img 标签里面图片的地址怎么写： _____ <img src = 图片地址 ” >
C.span
D.i nput
27.在CSS 中要使a 标签去除下划线，text-decoration 属性的取值应该是（A ）
A. none
B.underline
28. 哪个属性可以控制文本的大小（
A ）
A. font -size
B. text -style
29.
如何改变块元素的左边距？（
C ）
A. text -i ndent
B.i ndent
30. 创建下拉列表应使用以下标记符（ A ）
A. select 禾口 option
B. input
C.overl ine
D.li ne-though
C.font -style
D.text -size
C.margi n-left
D. border -left
C. input 和 option
D. d l 和 dt 、dd
A. <td> •…</td> C.<table> • • • </table>
B. <tr> • • • </tr> D.vcaption> •…</caption>
1、块标签包含： div/h1~h6/p/ul/ol/li/dl/dt/dd
2、行标签包含：
spa n/a/img/em/stro ng/i nput/textarea/select
4、标题标签怎么写:
<h1> ... </h1>
（无序列表和有序列表的子层是 _）；
、填空题
3、块标签里面没有直接含义的标签是 ：_djv
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/stvle/link 。

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

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= ” teXtgn:center: ” _____ 。

27、in put 属性值中，密码框是 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个时表示的是上、右、下、左；示的是上、左右、下；2个数值时表示的是上下、左右； 1个数值时表示的是上下左右
Border的最基本的四种线的形状为solid （实线）、dotted （点线）、dashed （虚线）、线）
5•存在几种显示方式，各自的特征分别是？相互之间怎么转化的？
答：存在四种方式；分别为行标签、块标签、行块标签、不显示
行标签特征是：在一行内显示、不可以设置宽高；
块标签特征是：独占一行、可以设置宽高；
行块标签特征是：在一行内显示，可设置宽高；
不显示的特征是：不占位置；
Display:i nline; 块标签转为行标签显示
Display:block; 行标签转为块标签显示
Display:i nlin e-block; 行标签、块标签转为行块标签显示
Display: non e; 行标签、块标签转为不显示
四、快捷键
选择下一个相同的单词ctrl+d
在浏览器打开ctrl+b ______
代码自动填充 tab _________
一列到四列 alt+shift+1~4
二行到三行alt+shift+8\9
3个时表double （双
句首home _____
句尾 end _________
浏览器检查元素f12/fn+f12。

相关文档
最新文档