网页设计习题

1、第1章 引言1.选择题（1）通常网页的首页被称为（ a ）。a主页 b网页 c页面 d网址（2）网页的基本语言是（ c ）。ajavascript bvbscript chtml dxml（3）网页在internet上是通过url来指明其所在位置的，每个不同的网页都应该有不同的url，如263网站主页的url就是（ a ）。a bhttp:c dmailto:（4）下列不属于macromedia公司产品的是（ d ）。adreamweaver bfireworks cflash dfr

2、ontpage（5）下列属于静态网页的是（ a ）。aindex.htm bindex.jsp cindex.asp dindex.php（6）属于网页制作平台的是（ c ）。aphotoshop bflash cdreamweaver dcuteftp（7）要想在打开网页时弹出一个信息框，可以使用下列（ c ）技术实现。acss技术 bhtml技术 c调用javascript durl（8）以下说法中，错误的是（ b ）。a网页的本质就是html源代码b网页就是主页c使用“记事本”编辑网页时，应将其保存为.htm或.html后缀d本地网站通常就是一个完整的文件夹（9）url是下列（ ）的简写

3、，中文译作（ d ）。auniform real locator，全球定位bunin resource locator，全球资源定位cuniform real locator，全球资源定位duniform resource locator，全球资源定位（10）下列（ d ）软件不能编辑html语言。a记事本 bfrontpage cdreamweaver dc语言2.填空题（1）从ie浏览器菜单中选择 查看-源文件 命令，可以在打开的记事本中查看到网页的源代码。（2）实现网页交互性的核心技术是 javascript 。（3）css的全称是 层叠样式表 。（4）万维网的英文简称是 www 。（5

4、）几种比较流行的网络协议包括 ftp. www. http 。（6）html文件的扩展名是 .html 或 .htm 。（7）html的中文全称是 超文本标记语言 。3.简答题（1）写出url包含的三个部分内容的作用。答：url通常包括三个部分，第一部分是scheme，告诉浏览器该如何工作，第二部分是文件所在的主机，第三部分是文件的路径和文件名。（2）css样式与html样式有何不同？html样式写入标记内部，根据需要设置它的属性，css样式是定义每种标签的样式，将css链接到html页面后，所有已定义的标签都采用css里定义的样式，应用css样式节省了代码。同时方便后期维护。（3）说出几种目

5、前你知道的浏览器产品。internet explorer（俗称“ie”）、mozilla firefox（俗称“火狐狸”或“火狐”）、腾讯tt。（4）网页、浏览器、网站和网络服务器之间的关系是什么？网站是一个存放网络服务器上的完整信息的集合体，它包含多个网页，这些网页以一定的方式链接在一起。浏览器是阅读网页内容的软件，它的作用是使用http协议与web服务器打交道。从服务器上下载网页，并解析网站展示在终端屏幕上。（5）使用什么编写html网页可以使用记事本等文本编辑器，也可以使用dreamwaver等所见即所得的开发工具。 第2章 html基础1.选择题（1）标记必须包含在（ a ）标记中。a

6、 bc d（2）在网页源代码中（ a ）标记必不可少。a b c 表格标记 d（3）关于html文件说法错误的是（ c ）。ahtml文件是一个包含标签的文本文件b这些标签告诉浏览器怎样显示这个页面标题信息chtml文件必须以.htm为扩展名dhtml文件可以用一个简单的文本编辑器创建（4）关于html文件说法正确的是（ c ）。ahtml标签都必须配对使用b在和标签之间的是头信息chtml标签是大小写无关的，和表示的意思是一样的d在和标签之间的文本会以加粗字体显示（5）下面针对标记属性声明正确的是（ a ）。a bc d（6）下面正确的页面注释格式是（ a ）。a bc d（7）下面的标记中

7、属于单标记的是（ d ）。a b c d2.填空题（1） 注释 是在html代码中插入的描述性文本，用来解释该代码或提供其他信息。（2）一个完整的html文件包含头部和主体两个部分的内容，其对应的标记是 和 。（3）html4或xhtml 1.0都有三种dtd类型，分别是 严格型 、 过渡型 和框架型 。（4）标记包含在 标记中。（5）meta中用于定义网页关键字信息的属性值 name=keywords 。3.简答题（1）简述meta标记的作用。在头部文件中使用标记用于描述不包含在标准html里的一些文档信息，例如显示字符集，开发工具，作者，网页关键字，网页描述等。这些定义的内容并不在网页页面

8、中显示，但是一些搜索引擎可以检索这些信息，浏览者可以根据这些关键字或描述查找到该网页。（2）在页面开始部分加上不同的doctype声明有何作用？大多页面的开头，通常使用doctype标记来声明要使用什么风格的html或xhtml。doctype使浏览器知道应该如何处理文档，并且让验证器知道按照什么样的标准检查代码的语法。然后，用html标记标出实际代码的起始位置。第3章 文字与段落1.选择题（1）在html中，下面是段落标签的是（ d ）。a与 b与c与 d与（2）html语言中，表示（ d ）。a设置背景颜色 b设置文本颜色c设置链接颜色 d设置已使用的链接的颜色（3）正确描述创建一个一级标

9、题中的句法是（ b ）。aheading textbheading textcheading textdheading text（4）下面（ c ）是换行符标记。a b c d（5）在html中，标记的size属性最大取值可以是（ c ）。a5 b6 c7 d8（6）在html中，标记的作用是（ b ）。a标题标记 b预排版标记 c转行标记 d文字效果标记（7）在色彩的rgb系统中，6位十六进制数000000表示的颜色是（ d ）。a白色 b红色 c黄色 d黑色（8）要在文本的首行空两个汉字，就要插入（ d ）个空格。a1 b2 c3 d4（9）在文本的属性中，不能设置（ a ）。a背景色 b

10、超链接在目标窗口打开的方式c文本的无序列表和有序列表d段落缩进（10）在网页的源代码中表示加粗文字显示的标记是（ a ）。a bc d（11）缩进排列对应的源代码中的标记是（ b ）。a bc d（12）在水平线属性面板中，不能设置水平线的（ c ）。a宽度 b高度 c颜色 d阴影（13）当网页既设置了背景图像又设置了背景色，那么（ a ）。a以背景图像为主 b以背景色为主c产生一种混合效果 d冲突，不能同时设置（14）在html源代码中，图像用（ b ）标记来定义。apicture bimg cpic dimage（15）想要在html中显示一个尖括号“”，需要用到的字符实体是（ b ）。a

11、> b< c  d"（16）在html文件中，水平线在默认的情况下是（ d ），并随着窗口的宽度自动调整。a800pixels b1024pixel c80% d100%2.填空题（1）要设置一条1像素粗的水平线，应使用的html语句是 。（2）在html文件中，版权符号的代码是 © 。（3）使页面的文字居中的方法有 。（4）标题字的标记是 。（5） 是在html代码中插入的描述性文本，用来解释该代码或提供其他信息。（6）在html文件中使用 元素来定义文字字体，使用 dis 属性定义使用何种字体，使用_size_属性定义字体大小，使用 color 属性改变文字

12、颜色。（7）在html文件中分别使用 元素和 元素来呈现小标和上标。3.设计题参考实验4-1建立一个如图3-1所示的html文档，写出源程序。图3-1 效果图 如梦令【宋】李清照昨夜雨疏风骤，浓睡不消残酒。试问卷帘人，却道“海棠依旧”。“知否？知否？应是绿肥红瘦。”【作者简介】李清照：（1084约1151）南宋女词人。号易安居士，齐州章丘（今属山东）人。父李格非为当时著名学者，夫赵明诚为金石考据家。早期生活优裕，与明诚共同致力于书画金石的搜集整理。金兵入据中原，流寓南方，明诚病死，境遇孤苦。所作词，前期多写其悠闲生活，后期多悲叹身世，情调感伤，有的也流露出对中原的怀念。形式上善用白描手法，自辟

13、途径，语言清丽。第4章 列表1.选择题（1）无序列表的html代码是（ b ）。a bc d（2）有序列表的html代码是（ c ）。a bc d（3）在定义列表的html代码是（ d ）。a bc d（4）下面说法错误的是（ b ）。adisk是定制表中type的标记 bleft是定制表中type的标记ccircle是定制表中type的标记 dsquare是定制表中type的标记（5）定制表中type标记中的circle表示（ a ）。a圆点 b圆环 c字母 d方块（6）定制表中type标记中的square表示（ d ）。a圆点 b圆环 c字母 d方块（7）定制有序列表中序号起始值的表示法为

14、（ d ）。a bc d（8）以下有关列表的说法中，错误的是（ d ）。a有序列表和无序列表可以互相嵌套b指定嵌套列表时，也可以具体指定项目符号或编号样式c无序列表应使用ul和li标记符进行创建d在创建列表时，li标记符的结束标记符不可省略（9）在html网页中，用来定义有序列表的元素包括（ a ）。aol bul cli ddl2.填空题（1）列表一般可以分为 无序 、 有序 、 自定义 、目录列表和菜单列表5种类型。（2）无序列表中可用的项目符号包括 disc 、 square 和 circle 。（3）html代码表示创建一个 有序 列表。（4）用于取消列表项前默认项目符号的样式定义是

15、。（5）使用列表项从默认的垂直排列到水平排列的样式定义是 float: left ; 。（6）指定有序列表中列表项前的序号以大写英文字母编号的type属性值应当是 。3.设计题（1）使用无序列表实现水平导航和垂直导航，如图4-1所示，写出源代码。图4-1 页面导航网页导航 .shuiping lidisplay:inline;font-size:14px;color:#ff1133;.chuizhi lilist-style-type:none;font-size:14px;color:#ff1133;水平导航：搜狐首页-新闻-体育-娱乐圈-财经-it-汽车-房产-家居-女人-短信-邮件垂直导

16、航：公司简介组织机构荣誉称号联系我们（2）试着为开封菊展做一个菊花品种简介，如图4-2所示是一个模板，你可以利用本章的列表标记完成这个任务，写出源代码。图4-2 菊花品种简介菊花品种展示 绿菊产自北美洲南部黄菊产自墨西哥白菊产自中国中部、东部第5章 超链接1.选择题（1）将超链接的目标网页在上一级窗口中打开的方式是（ a ）。aparent b_blank c_top d_self（2）超链接元素a有很多属性，其中用来指明超链接所指向的url的属性是（ a ）。ahref bherf ctarget dlink（3）（ b ）元素用来在网页中插入一个图片。afont bimg ctable d

17、p（4）下列路径中属于绝对路径的是（ c ）。aaddress.htm bstaff/telephone.htmc/index.htm d/xuesheng/chengji/mingci.htm（5）用于同一个网页内容之间相互跳转的超链接是（ d ）。a图像链接 b空链接 c电子邮件链接 d锚点链接（6）当鼠标停留在超链接上时会出现（ c ）标记定义的文字。atable bhref ctitle dalt（7）整个框架集包含三个框架，在其中一个框架中的网页中设置超链接，超链接的目标选项有（ ）个。a4 b5 c6 d7（8）关于超链接元素a的说法错误的是（

18、d ）。a用name属性创建一个命名锚点，可以让链接直接跳转到下一个页面的某一章节，而不同用户打开那一页，再从上到下慢慢找b想要访问本页的锚点，在url地址的后面加一个“#”和这个锚点的名字chref属性用来指定链接到的urldhref属性不能用来指定到一个邮箱地址（9）在html语言中，下面（ b ）是相对地址。ahttp:/www.sina.con/index.htm bmain/index.htmcfile:/00/index.htm d/logo.gif（10）在html文件中，不属于超链接元素a的属性是（ c ）。aname

19、bhref cfont dtarget（11）html使用超链接元素a来创建一个连接到其他文件的链接，链接的资源（ d ）。a只能是html页面和图像 b不可以是声音c不可以是图片 d可以是网络上的任何资源（12）在下列的html中，（ b ）可以产生超链接。abpqshow c d（13）通过（ c ）制作电子邮件链接。a bc dxxxyyy（14）通过（ b ）在新窗口打开链接。abcd（15）下列表示可链接文字的颜色是黑色的是（ a ）。a bc d（16）下列表示已经点击（访问）过的可链接文字的颜色是黑色

20、的是（ c ）。a bc d（17）下列表示正被点击的可链接文字的颜色是白色的是（ a ）。a bc d（18）链接（link）基本语法是（ d ）。a bc d（19）表示跳转到页面的“bn”锚点的代码是（ c ）。a bc d（20）表示（ b ）。a跳转到“bn”页面 b跳转到页面的“bn”锚点c超链接的属性是“bn” d超链接的对象是“bn”（21）跳转到“hello.htm”页面的“bn”锚点的代码是（ c ）。abcd（22）表示（ b ）。a跳转到“hello.html”页面的顶部b跳转到“hello.html”页面的“top”锚点c跳转到“hello.html”页面的底部d跳转

21、到“hello.html”页面的文字“top”所在链接（23）表示新开一个窗口的超链接代码是（ c ）。abcd（24）表示（ c ）。a链接到“blank”的超链接代码 b在本窗口中打开的超链接代码c打开一个空窗口的超链接代码 d新开一个窗口的超链接代码（25）表示（ b ）。a打开一个空窗口的超链接代码 b在父窗口中打开超链接的代码c新开一个窗口的超链接代码 d在本窗口中打开一个超链接的代码（26）在父窗口打开超链接的代码是（ b ）。abcd（27）表示（ d ）。a打开一个空窗口的超链接代码 b新开一个窗口的超链接代码c在父窗口打开超链接的代码 d在本窗口打开超链接的代码（28）在本窗

22、口打开超链接的代码是（ d ）。abcd2.填空题（1）在默认情况下，浏览器内已选择的超链接文本显示为 下划线蓝色 ，已访问的超链接显示为 下划线紫色 。（2）html语言的标签中定义窗口弹出方式的属性为 target ，弹出方式分别为 target _parent _blank _self _top 。（3）在页面a.html中使用第一章设置了锚点，要从页面b.html跳转到页面a设置的锚点处，其html的用法是 。（4）设置链接目标的打开方式时， _blank 表示在一个空的框架中打开目标网页。（5） 超链接 是网页与网页之间联系的纽带，也是网页的重要特色。3.简答题（1）绝对路径、相对路

23、径和基准地址的区别与联系是什么？（1）在html文件中，主要提供了三种路径：绝对路径、相对路径和根路径，不同的路径使用在不同的链接中。在添加内部链接的时候，常用到相对路径和根路径；在添加外部链接的时候，常用到绝对路径。相对路径适合于创建网站的内部链接。相对路径是以当前文件所在路径为起点，进行相对文件的查找，它包含了从当前文件指向目的文件的路径。（2） 怎样在单击链接时打开新窗口？.（3） 在相对链接中，有时会看到“.”和“.”两个符号，它们的含义是什么？ ./表示向上一级 ./表示根目录（4） 什么是超链接？锚点链接和普通的超链接有什么相同和不同的地方？超链接（hyperlink）是一个网站的

24、精髓，超链接在本质上属于一个网页的一部分，它是一种允许一个网页同其他网页或站点之间进行链接的元素。各个网页链接在一起后，才能真正构成一个网站。锚点链接通过点击命名锚点，不仅能指向文档，还能指向页面里的特定段落，实现更精准的链接指示。（5） 链接网页的“目标”位置有几种？target：用于指定打开链接的目标窗口，其默认方式是原窗口。_parent在上一级窗口中打开。_blank在新窗口打开。_self在同一个桢或窗口中打开。_top在浏览器的整个窗口中打开，忽略任何框架。第6章 网页中的多媒体应用1.选择题（1）嵌入背景音乐的html代码是（ b ）。a bc d（2）导航条可以是文字链接和（

25、b ）链接。a文件 b图像 c超 d文件夹（3）表示（ d ）。a页面空白 b页面属性 c标题传递 d移动文字（4）嵌入多媒体文本的html的基本语法是（ b ）。a bc d（5）中的“right”表示（ c ）。a移动文字从上到下 b移动文字从下到上c移动文字从左到右 d移动文字从右到左（6）指定移动文字的循环次数的html代码是（ b ）。abcd（7）flash动画文件后缀为（ d ）。awmv bgif casf dswf2.填空题（1）图像占位符是指占有一定空间的符号，该符号最终被替换成 指定图像 ，使用占位符的目的是在网页上获得较好的 显示效果 。（2）设置背景音乐除了使用bgs

26、ound标记外，还可以使用的 。（3）在插入图片标记中，对插入的图片进行文字说明使用的标记是 alt 。（4）设定图片边框的属性是 border 。（5）设定图片高度及宽度的属性是 width .height 。（6）为图片添加简要说明文字的属性是 alt 。（7）在页面中实现滚动文字的标记是 。（8）指定移动文字的循环延时的属性是 loop 。（9）在网页中嵌入多媒体，如电影、声音等用到的 。（10）在页面中添加背景音乐bg.mid，循环播放3次的语句是 。3.设计题参考实验6-3的相关例子，根据提供的素材设计一张关于卡朋特歌曲的介绍，并提供有关视频和音频文件的在线播放，如图6-1所示，写出

27、源代码。第7章 表格1.选择题（1）指定表格单元格中内容与表格单元格边框之间的空间大小，需要设置表格属性（ a ）。a单元格填充 b单元格间距 c宽度 d边框（2）设置列的宽度为30，则（ c ）标签的属性被修改。atable btr ctd dtp（3）在html文件中，可以让表格显示边框线，例如，5代表边框线的粗细，它的单位是（ b ）。acm bpixel cgrid ddot（4）在html语言中，下列（ c ）是专属于td、th元素的属性。abgcolor balign ccolspan dbackground（5）下面的设置仅显示表格上下边框的是（ b ）。a bc d（6）关于h

28、tml表格说法错误的是（ c ）。a表格的width属性可以设置为像素值或百分比b表格的height属性可以设置为像素值或百分比c如果不指定border属性，表格默认宽度为1d表格和单元格的背景色同时设置（7）下列（ b ）设置能使单元格显示边框。a在中添加border属性b在中添加border属性c在中添加border属性d以上全都可以（8）在html文件中，给表格添加行的标签是（ a ）。a bc d以上都正确（9）跨多行的单元格的html代码为（ d ）。a bc d（10）跨多列的单元格的html代码为（ c ）。a bc d（11）设置表格的边框为0的html代码是（ c ）。a b

29、c d（12）设置表格的单元格填充为0的html代码是（ a ）。a bc d（13）表示表元的背景色彩的html是（ c ）。a bc d（14）表示表元的背景图像的html是（ b ）。a bc d（15）设置表格边框色彩的html代码是（ c ）。a bc d（16）表示显示的边框数为（ d ）。a1个 b2个 c3个 d4个（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 ）像素宽。a126 b136 c147 d1672.填空题（1）在表格属性中，当表格的边框线设为 0 时，表格线不可见。（2）表格的 cellpadding 属