网页设计习题
今日比赛-
第
1
章
引言
1.
选择题
(
1
)通常网页的首页被称为(
A
)
。
A
.主页
B
.网页
C
.页面
D
.网址
(
2
)网页的基本语言是(
C
)
。
A
.
JavaScript
B
.
VBScript
C
.
HTML
D
.
XML
(
3
)网页在
Internet
上是通过
URL
来指明其所在位置的,每个不
同的网页都应该有不
同的
URL
,如<
/p>
263
网站主页的
URL
就是(
A
)
。
A
.
B
.
http:
C
.
ftp://
D
.
mailto:
(
4
)下列不属于
Macro
media
公司产品的是(
D
)
。
A
.
Dreamweaver
B
.
Fireworks
C
.
Flash
D
.
Frontpage
(
5
)下列属于静态网页的是(
< br>
A
)
。
A
.
B
.
C
.
D
.
p>
(
6
)属于网页制作平台的是(
C
)
。
A
.
photoshop
B
.
flash
C
.
dreamweaver
D
.
cuteFTP
(
7
)要想在打开网页时弹出一个信息框,可以使用下
列(
C
)技术实现。
A
.
CSS
技术
B
.
p>
HTML
技术
C
.调用
JavaScript
D
.
URL
(
8
)以下说法中,错误的是(
B
)
。
A
p>
.网页的本质就是
HTML
源代码
B
.网页就是主页
C
.使用
“
记
事本
”
编辑网页时,应将其保存为
.h
tm
或
.html
后缀
D
.本地网站通常就是一个完整的文件夹
(
9
)
URL
是下列(
)的简写,中文译作(
D
)
。
A
.
Uniform Real
Locator
,全球定位
B
.
Unin Resource
Locator
,全球资源定位
C
.
Uniform Real
Locator
,全球资源定位
D
.
Uniform
Resource Locator
,全球资源定位
(
10
)下列(
D
)软
件不能编辑
html
语言。
A
.记事本
B
.
FrontPage
C
.
Dreamweaver
p>
D
.
C
语言
2.
填空题
p>
(
1
)从
IE
p>
浏览器菜单中选择
查看
->
源文件
命令,可以在打开的记事本中
查看到
网页的源代码。
(
2
)实现网页交互性的核心技术是
JavaScript
。
(
p>
3
)
CSS
的全称
是
层叠样式表
。
p>
(
4
)万维网的英文简称是
www
。
(
p>
5
)几种比较流行的网络协议包括
ftp
.
www.
HTTP
。
(
6
p>
)
HTML
文件的扩展名是
.html
或
.htm
。
(
p>
7
)
HTML
的中
文全称是
超文本标记语言
。
3.
简答题
(
1
)写出
URL
包含的三个部分内容的作用。
答:
URL
通常包括三个部分,第一部分是
Scheme
,告诉浏览器该如何工作,第二部分是
文件所在的主机,第三部分是文件
的路径和文件名。
(
2
)
CSS
样式与
HTML<
/p>
样式有何不同?
HTML
样式写入标记内部,根据需要设置它的属性,
CSS
样式是定义每种标签的样式,将
CSS
链接到
< br>HTML
页面后,
所有已定义的标签都采用
CSS
里定义的样式,
应用
CSS
样式节
省了代码。同时方便后期维护。
< br>
(
3
)说出几种目前你知道的
浏览器产品。
Internet Explorer
(俗称“
IE
”
)
p>
、
Mozilla Firefox
(俗称
“火狐狸”或“火狐”
)
、腾讯
TT<
/p>
。
(
4
)网页、浏览器、网站和网络服务器之间的关系是什么?
网站是一个存放网络服务器上的完整信息的集合体,它包含多个网页,
这些
网页以一定
的方式链接在一起。浏览器是阅读网页内容的软件,它的作用是使用
HTTP
协议与
web
服务器打交道。从服务器上下载网页,并解析网站展示在终端屏幕上。
(
5
)使用什么编写
HTML
网页
可以使用记事本等文本编辑器,
也可以使用
dreamwaver
等所见即所得的开发工具。<
/p>
第
2
章
HTML
基础
1.
选择题
(
1
)
标记必须包含在(
A
)标记中。
A
.
B
.
C
.
D
.
(
2
)在网页源代码中(
A
)标记必不可少。
A
.
B
.
C
.
(
11
)缩进排列对应的源代码中的标
记是(
B
)
。
A
.
B
p>
.
C
.
D
p>
.
(
12
)在水平线属性面板中,不能设置水平线
的(
C
)
。
A
.宽度
B
.高度
C
.颜色
D
.阴影
(
13
)当网页既设置了背景图像又设置了背景色,那么(
A
)
。
A
.以背景图像为主
B
.以背景色为主
C
.产生一种混合效果
D
.冲突,不能同时设置
(
14
)在
HTML
p>
源代码中,图像用(
B
)标记来定义。
A
.
picture
B
.
img
C
.
pic
D
.
image
(
15
)想要在
HTML
中显示一个尖括号
“<”
,需要用到的字符实体
是(
B
)
。
A
.
>
B
.
<
C
.
D
.
"
(
16
)在
HTML
文件中,水平线在默认的情况下是(
D
)
,并随
着窗口的宽度自动
调整。
A
.
800pixels
B
.
1024pixel
C
.
80%
D
.
100%
2.
填空题
(
1
)
要设置一条
1
像素粗的水平线,
应使用的
HT
ML
语句是
”
1
”
>
。
(
2
p>
)在
HTML
文件中,版权符号的代码是<
/p>
©
。
(
p>
3
)使页面的文字居中的方法有
。
(
4
p>
)标题字的标记是
。
(
5
)
…
是在
HTML
代码中插入的描述性文
本,用来解释该代码或提供其他信息。
(
6
)
在
p>
HTML
文件中使用
元素来定义文字字体,
使用
dis
属性定
义使用何种字体,使用
__
size
__
属
性定义字体大小,使用
color
属性改变文字颜
色。
(
7
)在
HTML
文件中分别使用
元素和
元素来呈
现小标和上标。
3.
设计题
参考实验
4-1
建立一个如图
3-1<
/p>
所示的
HTML
文档,写出源程序。
p>
图
3-1
效果图
<
html
>
<
head
>
<
style
type
=
style
>
< br>head
>
<
body
>
<
div
class
=
<
p
><
h1
>
如梦令
h1
< br>>
p
>
<
p
cla
ss
=
【宋】李清照
p
>
<
p
class
=
昨夜雨疏风骤,浓睡不消残酒。
<
br
>
试问卷帘人,却道
“
海棠依旧
”
。
<
br
>
“
知否?知否?应是绿肥红瘦。
”
<
br
>
<
br
>
p
>
<
p
class
=
<
span
class
=
【作者简介】
span
><
br
/>
<
b
>
李清照
b
>
:
(
1084
-约
1151
)南宋女词人。号易安居士,齐州章丘(今属山
东)
人。父李格非为当时著名学者,夫赵明诚为金石考据家。早期生活优裕,与明诚共同
致
力于书画金石的搜集整理。金兵入据中原,流寓南方,明诚病死,境遇孤苦。所作词,
前期多写其悠闲生活,后期多悲叹身世,情调感伤,有的也流露出对中原的怀念。形式<
/p>
上善用白描手法,自辟途径,语言清丽。
p
>
div
>
body
>
html
>
第
4
章
列表
1.
选择题
(
1
)无序列表的
HTML
代码是(
B
)
。
A
.
p>
B
.
-
…
C
.
-
…
p>
D
.
- …
- …
- …
- …
- …
- …
- …
(
4
) 下面说法错误的是(
B
)
。
p>
A
.
disk
是定 制表中
type
的标记
B
.
lef t
是定制表中
type
的标记
C
.
circle< /p>
是定制表中
type
的标记
D
.
squ are
是定制表中
type
的标记 p>
(
5
)定制表中
type
标记中的
circle
表示(
A
)
。
A
.圆点
B
.圆环
C
.字母
D
.方块
(
6
)定制表中
type
标记中的
square
表示(
D
)
。
A
.圆点
B
.圆环
C
.字母
D
.方块
(
7
)定制有序列表中序号起始值的表示法为(< br>
D
)
。
A
.
B
.
C
.
D
.
(
8
)以下有关列 表的说法中,错误的是(
D
)
。
A
.有序列表和无序列表可以互相嵌套
B
.指定嵌套列表时,也可以具体指定项目符号或编号样式 p>
C
.无序列表应使用UL
和
LI
标记符进行创建
D
.在创建列表时,
LI
标记符的结束标记符不可省略
(
9
)在
HTML网页中,用来定义有序列表的元素包括(
A
)
。
A
.
ol
B
.
ul
C
.
li
D
.
dl
2.
填空题
(
1
)列表一般可以分为
无序
、
有序
、
自定义
、目录
列表和菜单列表
5
种类型。
< p>
(
2
)无序列表中可用的项目符号包括
disc
、
square
和
circle
。
(
3 p>
)
HTML
代码
< OL>
表示创建一个
有序
列表。
(
4
)用于取消列表项前默认项目符号 的样式定义是
。
p>
(
5
)使用列表项从默认的垂直排列到水平 排列的样式定义是
float: left
;
。
(
6 p>
)指定有序列表中列表项前的序号以大写英文字母编号的
type< /p>
属性值应当是
type=
”
A
”
>
。
3.
设计题
(
1
< p>
)使用无序列表实现水平导航和垂直导航,如图
4-1
所示,写出源代码。
图
4-1
页面导航
<
head
>
<
meta
http-equiv
=
conten t
=
charset=gb2312
<
title
>
网页导航
title
>
<
style
type
=
.shuiping li
{
disp lay
:
inline
;
font-size
:
14px;
color
:
#ff1133< /p>
;}
.chuizhi li
{
list-style-type
:
none
;
font-size< /p>
:
14px
;
c olor
:
#ff1133
;} p>
style
>
head
>
<
body
>
<
font
size
=3
< p>
color
=
水平导航:
fon t
>
<
ul
class
=
<
li
>
搜狐首页< br>
li
>
< br><
li
>
-
li
>
<
li
>
新闻
li
>
<
li
>
-
li
>
<
li
>
体育
li
>
<
li
>
-
li
>
<
li
>
娱乐圈
li
>
<
li
>
-
li
>
<
li
>
财经
li
>
<
li
>
-
< /
li
>
<
li
>
IT
< /
li
>
<
li
>
-
li
>
<< /p>
li
>
汽车
li
>
<< /p>
li
>
-
< /p>
li
>
< p>
li
>
房产
< /p>
li
>
< p>
li
>
-
p>
li
>
<
li
>
家居
p>
li
>
<
li
>
-
li
>
<
li
>
女人
li
>
<
li
>
-
li
>
< p>
<
li
>
短信
li
>
< p>
<
li
>
-
< p>
li
>
<
li
>
邮件
< p>
li
>
ul
>
<
font
size
=3
< p>
color
=
垂直导航:
fon t
>
<
ul
class
=
<
li
>
公司简介< br>
li
>
< br><
li
>
组织机构
li
>
<
li
>
荣誉称号
li
>
<
li
>
联系我们 p>
li
>
ul
>
html
>
(
2
) 试着为开封菊展做一个菊花品种简介,如图
4-2
所示是一个模 板,你可以利用本
章的列表标记完成这个任务,写出源代码。
图
4-2
菊花品种简介
<
head
>
<
meta
http-equiv
=
conten t
=
charset=gb2312
<
title
>
菊花品种展示
title
> p>
<
style
type
=
style
>
< br>head
>
<
body
>
<
div
class
=
<
ul
id
=
<< /p>
li
><
div
class
=
img< br>
src
=
绿菊
.jpg
width
=
hei ght
=
div
>
<
font
< br>color
=
size
=
b
>
绿菊
b
>
font
> <
br
/>
产自北美洲
南部
li
< p>
>
<
li
< p>
><
div
class
=< /p>
img
src
=
黄菊
.jpg
< p>
width
=
height
=
div
>
<
font
color
=
size
=
b
>
黄菊
b
>
font
>< p>
br
/>
产自墨西哥
li
>
<
li
><
div
class
=
img
src
=
白菊 p>
.jpg
width
=height
=
div
><
font
color
=
size
=
b>
白菊
b>
font
><
br
/>
产自中国中部、东部
li
>
ul
>
div
>
body
>
html
>
第
5
章
超链接
1.
选择题
(
1
)将超链接的目标网页在上一级窗口中打开的方式是( p>
A
)
。
A
.
parent
B
.
_blank
C
.
_top
D
.
_self(
2
)
超链接元素
A
有很多属性,
其中用来指明超链接所指向的
URL
的属性是
(
A
)
。
A
.
href
B
.
herf
C
.
target
D
.
link
(
3
)
(
B
)元素用来在网页中插入一个图片。
A
.
font
B
.
img
C
.
table
D
.
p
(< /p>
4
)下列路径中属于绝对路径的是(
C
)
。
A
.
B
.
staff//
C
.
/
D
. p>
/Xuesheng/chengji/
(
5
)用于同一个网页内容之间相互跳转的超链接是(
D
)
。
A
.图像链接
B
.空链接
C
.电子邮件链接
D
.锚点链接
(
6
)当鼠标停留在超链接上时会出现(
C
)标记定义的文字。
A
.
table
B
.
href
C
.
title
D
.
alt
(
7
)整个框架集包含三个框架,在其中一个框架中的网页中设 置超链接,超链接的目
标选项有(
)个。
A
.
4
B
.
5
C
.
6
D
.
7
(< /p>
8
)关于超链接元素
a< br>的说法错误的是(
D
)
。
< /p>
A
.用
name
属性创建一个命名锚点,可以让链接直接跳转到下一个页面的某一章
节,而不同用户打开 那一页,再从上到下慢慢找
B
.想要 访问本页的锚点,在
URL
地址的后面加一个< br>“#”
和这个锚点的名字
C< /p>
.
href
属性用来指定链接到的
URL
D
.
hre f
属性不能用来指定到一个邮箱地址
(
9
)在
HTML语言中,下面(
B
)是相对地址。
A
.
/
B
.
main/C
.
file://192.168.0.100/
D
.
/
(< /p>
10
)在
HTML
文件中,不属于超链接元素
a
的属性是(
C
)
。
A
.
name
B
.
href
C
.
font
D
.
target< br>(
11
)
HTML
使用超链接元素
a
来创建一个连接到其他文件的链接 ,
链接的资源
(
D
)
。
< /p>
A
.只能是
HTML页面和图像
B
.不可以是声音
C
.不可以是图片
D
.可以是网络上的任何资源
(
12
)在下列的
H TML
中,
(
B
)可以产生超链接。
A
.
B
.
C
.
D
.
(
13< /p>
)通过(
C
)制作电子邮件链接。
A
.
B
.
C
.
p>
D
.xxx@yyy
(
14
)通过(
B
)在新窗口打开链接。
A
.
B
.
C
.
D
.
(
15
)下列表示可链接文字的颜色是黑色的是(
A
)
。
A
.
B
.
C
.
D
.
(
16
) 下列表示已经点击(访问)过的可链接文字的颜色是黑色的是(
C
)
。
A
.
alink=”#000000”>
B
.
C
.
D
.
(
17
)下列表示正被点击的可链接文字的颜色是白色的是(
A
)
。
A
.
< body link=”#ffffff”>
B
.
< body vlink=”#ffffff”>
C
.
< body alink=”#ffffff”>
D
.
< body blink=
”#ffffff”>
(
18
)链接(
Link
)基本语法是(
D
)
。
A
.
B
.
C
.
D
.
(
19
)表示跳转到页面的
“bn”
锚 点的代码是(
C
)
。
A
.
< a link=”#bn”>…
B
.
< a href=”bn”>…
C
.
< a href=”#bn”>…
D
.
< a herf=”bn”>…
(
20
)
表示(
B
)
。
A p>
.跳转到
“bn”
页面
B
.跳转到页面的< br>“bn”
锚点
C
.超链接的属性是
“bn”
D
.超链接的对象是
“bn”
(
< p>
21
)跳转到
“”
页面的
“b n”
锚点的代码是(
C
)
。
A
.
B
.
C
.
D
.
(
22
)
表示(
B
)
。
A p>
.跳转到
“”
页面的顶部< br>
B
.跳转到
“”
页面的
“top”
锚点
< /p>
C
.跳转到
“”
页面的底部
D
.跳转到
“”
页面的文字
“top”
所在链接
(
23)表示新开一个窗口的超链接代码是(
C
)
。
A
.
B
.
C
.
D
.
(
24
)
表示(
C
)
。
A p>
.链接到
“blank”
的超链接代码 p>
B
.在本窗口中打开的超链接代码
C
.打开一个空窗口的超链接代码
D
.新开一个窗口的超链接代码
(
25
)
表示(
B
)
。
A
.打开一个空窗口的超链接代码
B
.在父窗口中打开超链接的代码
C
.新开一个窗口的超链接代码
D
.在本窗口中打开一个超链接的代码
(
26
)在父窗口打开超链接的代码是 (
B
)
。
A
.
B
.
C
.
D
.
(
27
)
表 示(
D
)
。
A
.打开一个空窗口的超链接代码
B
.新开一个窗口的超链接代码
C
.在父窗口打开超链接的代码
D
.在本窗口打开超链接的代码
p>
(
28
)在本窗口打开超链接的代码是(< /p>
D
)
。
A
.
B
.
C
.
D
.
a>
2.
填空题
(
1
)在默认情况下,浏览器内已选择的超链接文本显示为 p>
下划线蓝色
,
已访问的超链接显示为
下划线紫色
。
(
2 p>
)
HTML
语言的
标签中定义窗口弹出方式的属性为
target
,弹出方
式分别为
target _parent _blank _self _top
。
( p>
3
)
在页面
中使用< br>第一章
设置了锚点,
要 从页面
跳转到页面
A< br>设置的锚点处,其
HTML
的用法是
两个符号,它们的含义是什么?
../
表示向上一级
./
表示根目录
(< br>4
)什么是超链接?锚点链接和普通的超链接有什么相同和不同的地方?
超链接(
hyperlink
)是一个网站的精髓,超链接在本质上属于一个网页的一部分,它是一
种允许一 个网页同其他网页或站点之间进行链接的元素。
各个网页链接在一起后,
才能真正
构成一个网站。
锚点链接通过点击命名锚点,
不仅能指向文档,
还能指向页面里的特定段落,
实现更精准的链接指示。
(
5
)链接网页的
“
目标
”
位置有几种?
targe t
:用于指定打开链接的目标窗口,其默认方式是原窗口。
_p arent
在上一级窗口中
打开。
_blank
在新窗口打开。
_self
在同一个桢 或窗口中打开。
_top
在浏览器的整个窗口中打开,忽略任何框架。
第
6
章
网页中的多媒体应用
1.
选择题
(
1
)嵌入背景音乐的
HTML
代码是(
B
)
。
A
.
B
.
C
.
D
.
(
2
)导航条可以是文 字链接和(
B
)链接。
A
.文件
B
.图像
C
.超
D
.文件夹
(
3
)
表示(
D
)
。
A
.页面空白
B
.页面属性
C
.标题传递
D
.移动文字
(
4
)嵌入多媒体文本的
HTML< /p>
的基本语法是(
B
)
。
A
.
B
.
C
.
D
.
(
5
)< br>中的
“right”
表示(
C
)
。
A
.移动文字从上到下
B
.移动文字从下到上
C
.移动文字从左到右
D
.移动文字从右到左
(
6
)指定移动文字的循环次数的< br>HTML
代码是(
B
)
。
A
.
B
.
C
.
D
.
(< br>7
)
Flash
动画文件后缀为 (
D
)
。
A
.
wmv
B
.
gif
C
.
asf
D
.
swf
2.
填空题
(
1
)图像占位符是指占有一定空间的符号,该符号最终被替换 成
指定图
像
p>
,
使用占位符的目的是在网页上获得较好的
显示效果
。
(
2 p>
)
设置背景音乐除了使用
bgsound< /p>
标记外,
还可以使用的
。
p>
(
3
)在插入图片标记中,对插入的图片进 行文字说明使用的标记是
alt
。
p>
(
4
)设定图片边框的属性
是
border
。
p>
(
5
)设定图片高度及宽度的属性是
width .height
。
(
6 p>
)为图片添加简要说明文字的属性是
alt
。
(
7 p>
)在页面中实现滚动文字的标记是
。
(
8 p>
)指定移动文字的循环延时的属性是
loop
。
p>
(
9
)
在
网
页
中
嵌
入
多
媒
体< br>,
如
电
影
、
声
音
等
用
到
的
。
( p>
10
)
在页面中添加背景音乐
,
循环播放
3
次的语句是
d
src=””
loop=3>
。
3.
设计题
参考实验
6-3
的相关例子,根据提供的素材设计一张关于卡朋 特歌曲的介绍,并提
供有关视频和音频文件的在线播放,如图
6 -1
所示,写出源代码。
今日比赛-
今日比赛-
今日比赛-
今日比赛-
今日比赛-
今日比赛-
今日比赛-
今日比赛-
相关推荐
推荐
p>
D
.
(
2
)有序列表的
HTML
代码是(
C
)
。
A
.
-
…
p>
B
.
- …
C
.
-
…
p>
D
.
- …
(
3
)在定义列表
的
HTML
代码是(
D
)
。
A
p>
.
- …
B
.
- …
C
.