。3.设计题
(1)使用无序列表实现水平导航和垂直导航,如图4-1所示,写出源代码。
图4-1 页面导航
网页导航.shuiping li{display:inline;font-size:14px;color:#ff1133;}
.chuizhi li{list-style-type:none;font-size:14px;color:#ff1133;}
水平导航:
- 搜狐首页
- -
- 新闻
- -
- 体育
- -
- 娱乐圈
- -
- 财经
- -
- IT
- -
- 汽车
- -
- 房产
- -
- 家居
- -
- 女人
- -
- 短信
- -
- 邮件
垂直导航:
(2)试着为开封菊展做一个菊花品种简介,如图4-2所示是一个模板,你可以利用本章的列表标记完成这个任务,写出源代码。
图4-2 菊花品种简介
菊花品种展示height="70"/>
绿菊
产自北美洲南部
height="70" />
黄菊
产自墨西哥
height="70" />
白菊
产自中国中部、东部
第5章超链接
1.选择题
(1)将超链接的目标网页在上一级窗口中打开的方式是( 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
(4)下列路径中属于绝对路径的是( C )。
A.address.htm B.staff//telephone.htm
C.https://www.wendangku.net/doc/cf5449876.html,/index.htm D./Xuesheng/chengji/mingci.htm
(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
(8)关于超链接元素a的说法错误的是( D )。
A.用name属性创建一个命名锚点,可以让链接直接跳转到下一个页面的某一章节,而不同用户打开那一页,再从上到下慢慢找
B.想要访问本页的锚点,在URL地址的后面加一个“#”和这个锚点的名字
C.href属性用来指定链接到的URL
D.href属性不能用来指定到一个邮箱地址
(9)在HTML语言中,下面( B )是相对地址。
A.http://www.sina.con/index.htm B.main/index.htm
C.file://192.168.0.100/index.htm D.https://www.wendangku.net/doc/cf5449876.html,/logo.gif
(10)在HTML文件中,不属于超链接元素a的属性是( C )。
A.name B.href C.font D.target
(11)HTML使用超链接元素a来创建一个连接到其他文件的链接,链接的资源( D )。
A.只能是HTML页面和图像B.不可以是声音
C.不可以是图片D.可以是网络上的任何资源
(12)在下列的HTML中,( B )可以产生超链接。
A.https://www.wendangku.net/doc/cf5449876.html,
B.pqshow
C.https://www.wendangku.net/doc/cf5449876.html,
D.https://www.wendangku.net/doc/cf5449876.html,
(13)通过( C )制作电子邮件链接。
A. B.
C. D.xxx@yyy
(14)通过( B )在新窗口打开链接。
A.
B.
C.
D.
(15)下列表示可链接文字的颜色是黑色的是( A )。
A.
B.C.
D.(16)下列表示已经点击(访问)过的可链接文字的颜色是黑色的是( C )。
A.
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.跳转到“bn”页面B.跳转到页面的“bn”锚点
C.超链接的属性是“bn” D.超链接的对象是“bn”
(21)跳转到“hello.htm”页面的“bn”锚点的代码是( C )。
A.…
B.…
C.…
D.…
(22)…表示(B )。
A.跳转到“hello.html”页面的顶部
B.跳转到“hello.html”页面的“top”锚点
C.跳转到“hello.html”页面的底部
D.跳转到“hello.html”页面的文字“top”所在链接
(23)表示新开一个窗口的超链接代码是( C )。
A.…
B.…
C.…
D.…
(24)…表示( C )。
A.链接到“blank”的超链接代码B.在本窗口中打开的超链接代码
C.打开一个空窗口的超链接代码D.新开一个窗口的超链接代码(25)…表示( B )。
A.打开一个空窗口的超链接代码B.在父窗口中打开超链接的代码
C.新开一个窗口的超链接代码D.在本窗口中打开一个超链接的代码(26)在父窗口打开超链接的代码是( B )。
A.…
B.…
C.…
D.…
(27)…表示( D )。
A.打开一个空窗口的超链接代码B.新开一个窗口的超链接代码
C.在父窗口打开超链接的代码D.在本窗口打开超链接的代码(28)在本窗口打开超链接的代码是( D )。
A.…
B.…
C.…
D.…
2.填空题
(1
(2)
(3)在页面A.html中使用第一章设置了锚点,要从页面B.html 跳转到页面A设置的锚点处,其HTML的用法是
标网页。
(5
3.简答题
(1)绝对路径、相对路径和基准地址的区别与联系是什么?
(1)在HTML文件中,主要提供了三种路径:绝对路径、相对路径和根路径,不同的路径使用在不同的链接中。在添加内部链接的时候,常用到相对路径和根路径;在添加外部链接的时候,常用到绝对路径。相对路径适合于创建网站的内部链接。相对路径是以当前文件所在路径为起点,进行相对文件的查找,它包含了从当前文件指向目的文件的路径。
(2)怎样在单击链接时打开新窗口?...
(3)在相对链接中,有时会看到“.”和“..”两个符号,它们的含义是什么?
../表示向上一级 ./表示根目录
(4)什么是超链接?锚点链接和普通的超链接有什么相同和不同的地方?
超链接(hyperlink)是一个网站的精髓,超链接在本质上属于一个网页的一部分,它是一种允许一个网页同其他网页或站点之间进行链接的元素。各个网页链接在一起后,才能真正构成一个网站。锚点链接通过点击命名锚点,不仅能指向文档,还能指向页面里的特定段落,实现更精准的链接指示。
(5)链接网页的“目标”位置有几种?
target:用于指定打开链接的目标窗口,其默认方式是原窗口。_parent 在上一级窗口中打开。_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的基本语法是( B )。
A. B.
C. D.
(5)中的“right”表示( C )。
A.移动文字从上到下B.移动文字从下到上
C.移动文字从左到右D.移动文字从右到左
(6)指定移动文字的循环次数的HTML代码是( B )。
A.
B.
C.
D.
(7)Flash动画文件后缀为( D )。
A.wmv B.gif C.asf D.swf
2.填空题
(1)图像占位符是指占有一定空间的符号,该符号最终被替换成指定图像,使用占位符的目的是在网页上获得较好的显示效果。
(2)设置背景音乐除了使用bgsound标记外,还可以使用的。(3)在插入图片标记中,对插入的图片进行文字说明使用的标记是alt 。(4)设定图片边框的属性是border。
(5)设定图片高度及宽度的属性是width .height 。
(6)为图片添加简要说明文字的属性是alt 。
(7)在页面中实现滚动文字的标记是 。(8)指定移动文字的循环延时的属性是loop 。
(9)在网页中嵌入多媒体,如电影、声音等用到的 。
(10)在页面中添加背景音乐bg.mid,循环播放3次的语句是。
3.设计题
参考实验6-3的相关例子,根据提供的素材设计一张关于卡朋特歌曲的介绍,并提供有关视频和音频文件的在线播放,如图6-1所示,写出源代码。
第7章表格
1.选择题
(1)指定表格单元格中内容与表格单元格边框之间的空间大小,需要设置表格属性( A )。
A.单元格填充B.单元格间距C.宽度D.边框
(2)设置列的宽度为30,则( C )标签的属性被修改。
A.table B.tr C.td D.tp
(3)在HTML文件中,可以让表格显示边框线,例如
,5代表边框线的粗细,它的单位是( B )。A.cm B.pixel C.grid D.dot
(4)在HTML语言中,下列( C )是专属于td、th元素的属性。
A.bgcolor B.align C.colspan D.background
(5)下面的设置仅显示表格上下边框的是( B )。
A.
B.C.
D.(6)关于HTML表格说法错误的是( C )。
A.表格的width属性可以设置为像素值或百分比
B.表格的height属性可以设置为像素值或百分比
C.如果不指定border属性,表格默认宽度为1
D.表格和单元格的背景色同时设置
(7)下列( B )设置能使单元格显示边框。
A.在
中添加border属性 B.在 中添加border属性C.在 中添加border属性D.以上全都可以 (8)在HTML文件中,给表格添加行的标签是(A )。 A. B. | C. | D.以上都正确(9)跨多行的单元格的HTML代码为( D )。 A. B. | C. | D. | (10)跨多列的单元格的HTML代码为(C )。 A. | B. | C. | D. | (11)设置表格的边框为0的HTML代码是( C )。 A. B.C. D.(12)设置表格的单元格填充为0的HTML代码是( A )。 A. B.C. D.(13)表示表元的背景色彩的HTML是( C )。 A. B. C. D. | (14)表示表元的背景图像的HTML是( B )。 A. |
---|
B.C. | D. | (15)设置表格边框色彩的HTML代码是( C )。 A. B.C.< table bordercolor=#> D. | (16) 表示显示的边框数为( D )。A.1个B.2个C.3个D.4个 (17) 只显示一个边框( A )。A.正确B.错误 (18) 表示( A )。A.显示所有分隔线 B.只显示组(Groups)与组之间的分隔线 C.只显示行与行之间的分隔线 D.只显示列与列之间的分隔线 (19)关于表格的描述正确的一项是( D )。 A.在单元格内不能继续插入整个表格 B.可以同时选定不相邻的单元格 C.粘贴表格时,不粘贴表格的内容 D.网页中水平方向可以并排多个独立的表格 (20)如果一个表格包括有1行4列,表格的总宽度为699,间距为5,填充为0,边框为3,每列的宽度相同,那么应将单元格定制为( D )像素宽。 A.126 B.136 C.147 D.167 2.填空题 (1)在表格属性中,当表格的边框线设为0时,表格线不可见。 (2)表格的cellpadding属性指定了单元格中的内容与单元格边框之间的空间大小。 (3)如果不希望表格宽度随窗口大小而变化,一般应该以像素为单位定义表格宽度。 (4)表格的标签是 ,单元格的标签是 。 (5)所有表格的宽度可以用百分比和像素两种单位来设置。(6)请写出在网页中设定表格边框的厚度的属性border ;设定表格单元格之间宽度属性cellspacing。 (7)请写出 表格标题功能是设置表格标题底对齐。(8) | … 是用来定义行;… | 是用来定义单元格;… | 是用来定义表头。(9)单元格垂直合并所用的属性是rowspan;单元格横向合并所用的属性是colspan。 (10)利用 标记符frame 属性可以控制表格边框的显示样式;利用标记符的rules属性可以控制表格分隔线的显示样式。(11)要控制单元格内容与表格框线之间的空白,应在 标记符中使用cellpadding属性。 (12)要使整个表格行采用某种对齐方式,应在 标记符中使用align属性。(13)设置表格标题的HTML标记是。(14) 标记定义表格的表头, 标记定义表格主体(正文),标记定义表格的页脚(脚注或表注),它们通常应当一起出现在元素内。3.设计题 参照实验七实验指导,完成产品介绍页面的制作,实验要求用表格布局产品简介的页面,如图7-1所示,写出源代码。 第8章框架 1.选择题 (1)一个包含4个框架的框架组对应着( C )个网页文件。 A.3 B.4 C.5 D.6 (2)页面顶部为横条网站标志和广告条,下方左侧为主菜单,右侧围显示内容的布局是( D )。 A.对称对比布局B.T形布局C.三形布局D.厂形布局 (3)在HTML语言中,“”的具体含义是(C )。 A.个别框架名称B.定义个别框架C.不可改变大小D.背景资讯 (4)关于框架,下列说法正确的是( C )。 A.框架一经建立就不能修改 B.框架的内容可以修改,但大小不能修改 C.框架可以通过模板建立 D.凡是有框架的网页必定有表格 (5)框架集是( D )。 A.页面中的表格B.浏览器中多个视图的集合 C.网页集合D.构造整个框架结构的HTML元素 (6)关于HTML框架,说法错误的是( D )。 A.标签定义了如何将窗口拆分成框架 B.可以给不支持框架的浏览器写上标签 C.HTML框架中的各个页面是相互独立的 D.HTML框架的使用让打印整个页面变得困难 (7)要创建一个左右框架,左边框架宽度是右边框架的3倍,以下HTML语句正确的是( B )。 A. |
| |