网页设计习题Word文档下载推荐.docx
《网页设计习题Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《网页设计习题Word文档下载推荐.docx（34页珍藏版）》请在冰豆网上搜索。
浏览器是阅读网页内容的软件，它的作用是使用HTTP协议与web服务器打交道。
从服务器上下载网页，并解析网站展示在终端屏幕上。
（5）使用什么编写HTML网页
可以使用记事本等文本编辑器，也可以使用dreamwaver等所见即所得的开发工具。
第2章HTML基础
（1）<
title>
<
/title>
标记必须包含在（A）标记中。
A．<
body>
/body>
B．<
table>
/table>
C．<
head>
/head>
D．<
P>
/P>
（2）在网页源代码中（A）标记必不可少。
html>
p>
C．<
表格标记D．<
br>
（3）关于HTML文件说法错误的是（C）。
A．HTML文件是一个包含标签的文本文件
B．这些标签告诉浏览器怎样显示这个页面标题信息
C．HTML文件必须以.htm为扩展名
D．HTML文件可以用一个简单的文本编辑器创建
（4）关于HTML文件说法正确的是（C）。
A．HTML标签都必须配对使用
B．在<
和<
标签之间的是头信息
C．HTML标签是大小写无关的，<
b>
B>
表示的意思是一样的
D．在<
u>
/u>
标签之间的文本会以加粗字体显示
（5）下面针对标记属性声明正确的是（A）。
hrsize=”5px”align=”center”>
hrsize:
5pxalign:
center>
hrsize=”5px”,align=”center”>
hrsize=”5px”align:
”center”>
（6）下面正确的页面注释格式是（A）。
!
--注释内容-->
注释内容>
注释内容!
>
（7）下面的标记中属于单标记的是（D）。
D．<
（1）注释是在html代码中插入的描述性文本，用来解释该代码或提供其他信息。
（2）一个完整的HTML文件包含头部和主体两个部分的内容，其对应的标记是
<
Head>
和<
body>
。
（3）HTML4或XHTML都有三种DTD类型，分别是严格型、
过渡型和框架型。
（4）<
style>
标记包含在<
head>
标记中。
（5）META中用于定义网页关键字信息的属性值name=keywords。
（1）简述META标记的作用。
在头部文件中使用<
META>
标记用于描述不包含在标准HTML里的一些文档信息，例如显示字符集，开发工具，作者，网页关键字，网页描述等。
这些定义的内容并不在网页页面中显示，但是一些搜索引擎可以检索这些信息，浏览者可以根据这些关键字或描述查找到该网页。
（2）在页面开始部分加上不同的DOCTYPE声明有何作用
大多页面的开头，通常使用DOCTYPE标记来声明要使用什么风格的HTML或XHTML。
DOCTYPE使浏览器知道应该如何处理文档，并且让验证器知道按照什么样的标准检查代码的语法。
然后，用html标记标出实际代码的起始位置。
第3章文字与段落
（1）在HTML中，下面是段落标签的是（D）。
与<
/html>
（2）HTML语言中，<
bodyvlink=>
表示（D）。
A．设置背景颜色B．设置文本颜色
C．设置链接颜色D．设置已使用的链接的颜色
（3）正确描述创建一个一级标题中的句法是（B）。
h0align=center>
headingtext<
/h0>
B．<
h1align=center>
/h1>
halign=center>
/h>
D．<
htalign=center>
/ht>
（4）下面（C）是换行符标记。
font>
C．<
（5）在HTML中，标记<
的Size属性最大取值可以是（C）。
A．5B．6C．7D．8
（6）在HTML中，标记<
pre>
的作用是（B）。
A．标题标记B．预排版标记C．转行标记D．文字效果标记
（7）在色彩的RGB系统中，6位十六进制数000000表示的颜色是（D）。
A．白色B．红色C．黄色D．黑色
（8）要在文本的首行空两个汉字，就要插入（D）个空格。
A．1B．2C．3D．4
（9）在文本的属性中，不能设置（A）。
A．背景色
B．超链接在目标窗口打开的方式
C．文本的无序列表和有序列表
D．段落缩进
（10）在网页的源代码中表示加粗文字显示的标记是（A）。
/b>
/p>
（11）缩进排列对应的源代码中的标记是（B）。
block>
/block>
B．<
blockquote>
/blockquote>
quote>
/quote>
qutoeblock>
/qutoblock>
（12）在水平线属性面板中，不能设置水平线的（C）。
A．宽度B．高度C．颜色D．阴影
（13）当网页既设置了背景图像又设置了背景色，那么（A）。
A．以背景图像为主B．以背景色为主
C．产生一种混合效果D．冲突，不能同时设置
（14）在HTML源代码中，图像用（B）标记来定义。
A．pictureB．imgC．picD．image
（15）想要在HTML中显示一个尖括号“<
”，需要用到的字符实体是（B）。
A．&
gtB．&
ltC．&
nbspD．&
quot
（16）在HTML文件中，水平线在默认的情况下是（D），并随着窗口的宽度自动调整。
A．800pixelsB．1024pixelC．80%D．100%
（1）要设置一条1像素粗的水平线，应使用的HTML语句是<
hrsize=”1”>
。
（2）在HTML文件中，版权符号的代码是&
copy。
（3）使页面的文字居中的方法有<
（4）标题字的标记是<
h#=1>
。
（5）<
comment>
…<
/comment>
是在HTML代码中插入的描述性文本，用来解释该代码或提供其他信息。
（6）在HTML文件中使用<
元素来定义文字字体，使用dis属性定义使用何种字体，使用__size__属性定义字体大小，使用color属性改变文字颜色。
（7）在HTML文件中分别使用<
sub>
元素和<
sup>
元素来呈现小标和上标。
3.设计题
参考实验4-1建立一个如图3-1所示的HTML文档，写出源程序。
图3-1效果图
styletype="
text/css"
--
.container{width:
650px;
margin:
0auto;
text-align:
center;
background-image:
url（"
"
）;
padding:
20px;
}
h1{font-family:
黑体;
font-size:
44px;
color:
#B22222;
;
letter-spacing:
12px;
.poemAuthor{font-family:
宋体;
14px;
.poemText{font-family:
13px;
font-weight:
bold;
line-height:
.poemComment{font-family:
3px;
left;
.emphasize{font-weight:
-->
/style>
divclass="
container"
h1>
如梦令<
pclass="
poemAuthor"
【宋】李清照<
poemText"
昨夜雨疏风骤，浓睡不消残酒。
试问卷帘人，却道“海棠依旧”。
“知否知否应是绿肥红瘦。
”<
poemComment"
spanclass="
emphasize"
【作者简介】<
/span>
br/>
李清照<
：
（1084－约1151）南宋女词人。
号易安居士，齐州章丘（今属山东）人。
父李格非为当时著名学者，夫赵明诚为金石考据家。
早期生活优裕，与明诚共同致力于书画金石的搜集整理。
金兵入据中原，流寓南方，明诚病死，境遇孤苦。
所作词，前期多写其悠闲生活，后期多悲叹身世，情调感伤，有的也流露出对中原的怀念。
形式上善用白描手法，自辟途径，语言清丽。
/div>
第4章列表
（1）无序列表的HTML代码是（B）。
li>
ui>
/li>
ul>
/ul>
ol>
/ol>
（2）有序列表的HTML代码是（C）。
（3）在定义列表的HTML代码是（D）。
dt>
dl>
dd>
/dl>
/dd>
/dt>
（4）下面说法错误的是（B）。
A．disk是定制表中type的标记B．left是定制表中type的标记
C．circle是定制表中type的标记D．square是定制表中type的标记
（5）定制表中type标记中的circle表示（A）。
A．圆点B．圆环C．字母D．方块
（6）定制表中type标记中的square表示（D）。
A．圆点B．圆环C．字母D．方块
（7）定制有序列表中序号起始值的表示法为（D）。
olbegin=#>
olstar=#>
olstill=#>
olstart=#>
（8）以下有关列表的说法中，错误的是（D）。
A．有序列表和无序列表可以互相嵌套
B．指定嵌套列表时，也可以具体指定项目符号或编号样式
C．无序列表应使用UL和LI标记符进行创建
D．在创建列表时，LI标记符的结束标记符不可省略
（9）在HTML网页中，用来定义有序列表的元素包括（A）。
A．olB．ulC．liD．dl
（1）列表一般可以分为无序、有序、自定义、目录列表和菜单列表5种类型。
（2）无序列表中可用的项目符号包括disc、square和circle。
（3）HTML代码<
OL>
/OL>
表示创建一个有序列表。
（4）用于取消列表项前默认项目符号的样式定义是<
liststyle=none>
（5）使用列表项从默认的垂直排列到水平排列的样式定义是float:
left;
（6）指定有序列表中列表项前的序号以大写英文字母编号的type属性值应当是<
oltype=”A”>
（1）使用无序列表实现水平导航和垂直导航，如图4-1所示，写出源代码。
图4-1页面导航
metahttp-equiv="
Content-Type"
content="
text/html;
charset=gb2312"
/>
网页导航<
.shuipingli{display:
inline;
#ff1133;
.chuizhili{list-style-type:
none;
fontsize=3color="
#333333"
水平导航：
/font>
ulclass="
shuiping"
搜狐首页<
-<
新闻<
体育<
娱乐圈<
财经<
IT<
汽车<
房产<
家居<
女人<
短信<
邮件<
垂直导航：
chuizhi"
公司简介<
组织机构<
荣誉称号<
联系我们<
（2）试着为开封菊展做一个菊花品种简介，如图4-2所示是一个模板，你可以利用本章的列表标记完成这个任务，写出源代码。
图4-2菊花品种简介
菊花品种展示<
.container{width:
500px;
0pxauto;
height:
200px;
background-color:
#0CC;
#album{list-style:
#albumli{float:
10px;
.tu{padding:
width:
100px;
80px;
border:
1pxsolid#000;
background-color:
#FFF;
text-align:
ulid="
album"
tu"
imgsrc="
images/绿菊.jpg"
width="
70"
height="
/>
fontcolor="
#993300"
size="
+1"
绿菊<
产自北美洲南部<
images/黄菊.jpg"
黄菊<
产自墨西哥<
images/白菊.jpg"
白菊<
产自中国中部、东部<
第5章超链接
（1）将超链接的目标网页在上一级窗口中打开的方式是（A）。
A．parentB．_blankC．_topD．_self
（2）超链接元素A有很多属性，其中用来指明超链接所指向的URL的属性是（A）。
A．hrefB．herfC．targetD．link
（3）（B）元素用来在网页中插入一个图片。
A．fontB．imgC．tableD．p
（4）下列路径中属于绝对路径的是（C）。
A．B．staff空题
（1）在默认情况下，浏览器内已选择的超链接文本显示为下划线蓝色，已访问的超链接显示为下划线紫色。
（2）HTML语言的<
a>
标签中定义窗口弹出方式的属性为target，弹出方式分别为target_parent_blank_self_top。
（3）在页面中使用<
aname=”chapter_1”>
第一章<
/a>
设置了锚点，要从页面跳转到页面A设置的锚点处，其HTML的用法是
ahref="
#chapter_1"
（4）设置链接目标的打开方式时，_blank表示在一个空的框架中打开目标网页。
（5）超链接是网页与网页之间联系的纽带，也是网页的重要特色。
（1）绝对路径、相对路径和基准地址的区别与联系是什么
（1）在HTML文件中，主要提供了三种路径：
绝对路径、相对路径和根路径，不同的路径使用在不同的链接中。
在添加内部链接的时候，常用到相对路径和根路径；
在添加外部链接的时候，常用到绝对路径。
相对路径适合于创建网站的内部链接。
相对路径是以当前文件所在路径为起点，进行相对文件的查找，它包含了从当前文件指向目的文件的路径。
（2）怎样在单击链接时打开新窗口<
"
target=_blank>
...<
（3）在相对链接中，有时会看到“.”和“..”两个符号，它们的含义是什么
../表示向上一级./表示根目录
（4）什么是超链接锚点链接和普通的超链接有什么相同和不同的地方
超链接（hyperlink）是一个网站的精髓，超链接在本质上属于一个网页的一部分，它是一种允许一个网页同其他网页或站点之间进行链接的元素。
各个网页链接在一起后，才能真正构成一个网站。
锚点链接通过点击命名锚点，不仅能指向文档，还能指向页面里的特定段落，实现更精准的链接指示。
（5）链接网页的“目标”位置有几种
target：
用于指定打开链接的目标窗口，其默认方式是原窗口。
_parent在上一级窗口中打开。
_blank在新窗口打开。
_self在同一个桢或窗口中打开。
_top在浏览器的整个窗口中打开，忽略任何框架。
第6章网页中的多媒体应用
（1）嵌入背景音乐的HTML代码是（B）。
backsoundsrc=#>
B．<
bgsoundsrc=#>
bgsoundurl=#>
backsoundurl=#>
（2）导航条可以是文字链接和（B）链接。
A．文件B．图像C．超D．文件夹
（3）<
marquee>
/marquee>
A．页面空白B．页面属性C．标题传递D．移动文字
（4）嵌入多媒体文本的HTML的基本语法是（B）。
embedurl=#>
/embed>
embedsrc=#>
asrc=#>
aurl=#>
（5）<
marqueedir=right>
中的“right”表示（C）。
A．移动文字从上到下B．移动文字从下到上
C．移
升级会员 