网页设计习题

1、第1章 引言1.选择题（1）通常网页的首页被称为（ A ）。A主页 B网页 C页面 D网址（2）网页的基本语言是（ C ）。AJavaScript BVBScript CHTML DXML（3）网页在Internet上是通过URL来指明其所在位置的，每个不同的网页都应该有不同的URL，如263网站主页的URL就是（ A ）。A Bhttp:Cftp:/ Dmailto:（4）下列不属于Macromedia公司产品的是（ D ）。ADreamweaver BFireworks CFlash DFrontpage（5）下列属于静态网页的是（ A ）。Aindex.htm Bindex.jsp Ci

2、ndex.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是下列（ ）的简写，中文译作（ D ）。AUniform Real Locator，全球定位BUnin Resourc

3、e Locator，全球资源定位CUniform Real Locator，全球资源定位DUniform Resource Locator，全球资源定位（10）下列（ D ）软件不能编辑html语言。A记事本 BFrontPage CDreamweaver DC语言2.填空题（1）从IE浏览器菜单中选择 查看-源文件 命令，可以在打开的记事本中查看到网页的源代码。（2）实现网页交互性的核心技术是 JavaScript 。（3）CSS的全称是 层叠样式表 。（4）万维网的英文简称是 www 。（5）几种比较流行的网络协议包括 ftp. www. HTTP 。（6）HTML文件的扩展名是 .htm

4、l 或 .htm 。（7）HTML的中文全称是 超文本标记语言 。3.简答题（1）写出URL包含的三个部分内容的作用。答：URL通常包括三个部分，第一部分是Scheme，告诉浏览器该如何工作，第二部分是文件所在的主机，第三部分是文件的路径和文件名。（2）CSS样式与HTML样式有何不同？HTML样式写入标记内部，根据需要设置它的属性，CSS样式是定义每种标签的样式，将CSS链接到HTML页面后，所有已定义的标签都采用CSS里定义的样式，应用CSS样式节省了代码。同时方便后期维护。（3）说出几种目前你知道的浏览器产品。Internet Explorer（俗称“IE”）、Mozilla Firef

5、ox（俗称“火狐狸”或“火狐”）、腾讯TT。（4）网页、浏览器、网站和网络服务器之间的关系是什么？网站是一个存放网络服务器上的完整信息的集合体，它包含多个网页，这些网页以一定的方式链接在一起。浏览器是阅读网页内容的软件，它的作用是使用HTTP协议与web服务器打交道。从服务器上下载网页，并解析网站展示在终端屏幕上。（5）使用什么编写HTML网页可以使用记事本等文本编辑器，也可以使用dreamwaver等所见即所得的开发工具。 第2章 HTML基础1.选择题（1）标记必须包含在（ A ）标记中。A BC D（2）在网页源代码中（ A ）标记必不可少。A B C 表格标记 D（3）关于HTML文件

6、说法错误的是（ C ）。AHTML文件是一个包含标签的文本文件B这些标签告诉浏览器怎样显示这个页面标题信息CHTML文件必须以.htm为扩展名DHTML文件可以用一个简单的文本编辑器创建（4）关于HTML文件说法正确的是（ C ）。AHTML标签都必须配对使用B在和标签之间的是头信息CHTML标签是大小写无关的，和表示的意思是一样的D在和标签之间的文本会以加粗字体显示（5）下面针对标记属性声明正确的是（ A ）。A BC D（6）下面正确的页面注释格式是（ A ）。A BC D（7）下面的标记中属于单标记的是（ D ）。A B C D2.填空题（1） 注释 是在html代码中插入的描述性文本，

7、用来解释该代码或提供其他信息。（2）一个完整的HTML文件包含头部和主体两个部分的内容，其对应的标记是 和 。（3）HTML4或XHTML 1.0都有三种DTD类型，分别是 严格型 、 过渡型 和框架型 。（4）标记包含在 标记中。（5）META中用于定义网页关键字信息的属性值 name=keywords 。3.简答题（1）简述META标记的作用。在头部文件中使用标记用于描述不包含在标准HTML里的一些文档信息，例如显示字符集，开发工具，作者，网页关键字，网页描述等。这些定义的内容并不在网页页面中显示，但是一些搜索引擎可以检索这些信息，浏览者可以根据这些关键字或描述查找到该网页。（2）在页面开

8、始部分加上不同的DOCTYPE声明有何作用？大多页面的开头，通常使用DOCTYPE标记来声明要使用什么风格的HTML或XHTML。DOCTYPE使浏览器知道应该如何处理文档，并且让验证器知道按照什么样的标准检查代码的语法。然后，用html标记标出实际代码的起始位置。第3章 文字与段落1.选择题（1）在HTML中，下面是段落标签的是（ D ）。A与 B与C与 D与（2）HTML语言中，表示（ D ）。A设置背景颜色 B设置文本颜色C设置链接颜色 D设置已使用的链接的颜色（3）正确描述创建一个一级标题中的句法是（ B ）。Aheading textBheading textCheading tex

9、tDheading 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超链接在目标窗口打开的方式C文本的无序列表和有序列表D段落缩进（10）在网页的源代码中表示加粗文字显

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> B< C  D"（16）在HTML文件中，水平线在默认的情况下是（ D

11、），并随着窗口的宽度自动调整。A800pixels B1024pixel C80% D100%2.填空题（1）要设置一条1像素粗的水平线，应使用的HTML语句是 。（2）在HTML文件中，版权符号的代码是 © 。（3）使页面的文字居中的方法有 。（4）标题字的标记是 。（5） 是在HTML代码中插入的描述性文本，用来解释该代码或提供其他信息。（6）在HTML文件中使用 元素来定义文字字体，使用 dis 属性定义使用何种字体，使用_size_属性定义字体大小，使用 color 属性改变文字颜色。（7）在HTML文件中分别使用 元素和 元素来呈现小标和上标。3.设计题参考实验4-1建立一个

12、如图3-1所示的HTML文档，写出源程序。图3-1 效果图 如梦令【宋】李清照昨夜雨疏风骤，浓睡不消残酒。试问卷帘人，却道“海棠依旧”。“知否？知否？应是绿肥红瘦。”【作者简介】李清照：（1084约1151）南宋女词人。号易安居士，齐州章丘（今属山东）人。父李格非为当时著名学者，夫赵明诚为金石考据家。早期生活优裕，与明诚共同致力于书画金石的搜集整理。金兵入据中原，流寓南方，明诚病死，境遇孤苦。所作词，前期多写其悠闲生活，后期多悲叹身世，情调感伤，有的也流露出对中原的怀念。形式上善用白描手法，自辟途径，语言清丽。第4章 列表1.选择题（1）无序列表的HTML代码是（ B ）。A BC D（2）有

13、序列表的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）定制有序列表中序号起始值的表示法为（ D ）。A BC D（8）以下有关列表的说法中，错误的是（ D ）。A有序列表和无序列表可以互相

14、嵌套B指定嵌套列表时，也可以具体指定项目符号或编号样式C无序列表应使用UL和LI标记符进行创建D在创建列表时，LI标记符的结束标记符不可省略（9）在HTML网页中，用来定义有序列表的元素包括（ A ）。Aol Bul Cli Ddl2.填空题（1）列表一般可以分为 无序 、 有序 、 自定义 、目录列表和菜单列表5种类型。（2）无序列表中可用的项目符号包括 disc 、 square 和 circle 。（3）HTML代码表示创建一个 有序 列表。（4）用于取消列表项前默认项目符号的样式定义是 。（5）使用列表项从默认的垂直排列到水平排列的样式定义是 float: left ; 。（6）指定有

15、序列表中列表项前的序号以大写英文字母编号的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-汽车-房产-家居-女人-短信-邮件垂直导航：公司简介组织机构荣誉称号联系我们（2）试着为开封菊展做一个菊花品种简介，如图4-2所示是一个模板

16、，你可以利用本章的列表标记完成这个任务，写出源代码。图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 Dp（4）下列路径中属于绝对路径的是（ C ）。Aaddress.htm Bstaff/telepho

17、ne.htmC D/Xuesheng/chengji/mingci.htm（5）用于同一个网页内容之间相互跳转的超链接是（ D ）。A图像链接 B空链接 C电子邮件链接 D锚点链接（6）当鼠标停留在超链接上时会出现（ C ）标记定义的文字。Atable Bhref Ctitle Dalt（7）整个框架集包含三个框架，在其中一个框架中的网页中设置超链接，超链接的目标选项有（ ）个。A4 B5 C6 D7（8）关于超链接元素a的说法错误的是（ D ）。A用name属性创建一个命名锚点，可以让链接直接跳转到下一个页面的某一章节，而不同用户打开那一页，再从上到下慢慢找B想要访问本页的锚点，在URL地址

18、的后面加一个“#”和这个锚点的名字Chref属性用来指定链接到的URLDhref属性不能用来指定到一个邮箱地址（9）在HTML语言中，下面（ B ）是相对地址。Ahttp:/www.sina.con/index.htm Bmain/index.htmCfile:/00/index.htm D（10）在HTML文件中，不属于超链接元素a的属性是（ C ）。Aname Bhref Cfont Dtarget（11）HTML使用超链接元素a来创建一个连接到其他文件的链接，链接的资源（ D ）。A只能是HTML页面和图像 B不可以是声音C不可以是图片 D可以是网络上的任何资源（1

19、2）在下列的HTML中，（ B ）可以产生超链接。ABpqshow C D（13）通过（ C ）制作电子邮件链接。A BC Dxxxyyy（14）通过（ B ）在新窗口打开链接。ABCD（15）下列表示可链接文字的颜色是黑色的是（ A ）。A BC D（16）下列表示已经点击（访问）过的可链接文字的颜色是黑色的是（ 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跳转到页面的

20、“bn”锚点C超链接的属性是“bn” D超链接的对象是“bn”（21）跳转到“hello.htm”页面的“bn”锚点的代码是（ C ）。ABCD（22）表示（ B ）。A跳转到“hello.html”页面的顶部B跳转到“hello.html”页面的“top”锚点C跳转到“hello.html”页面的底部D跳转到“hello.html”页面的文字“top”所在链接（23）表示新开一个窗口的超链接代码是（ C ）。ABCD（24）表示（ C ）。A链接到“blank”的超链接代码 B在本窗口中打开的超链接代码C打开一个空窗口的超链接代码 D新开一个窗口的超链接代码（25）表示（ B ）。A打开一个

21、空窗口的超链接代码 B在父窗口中打开超链接的代码C新开一个窗口的超链接代码 D在本窗口中打开一个超链接的代码（26）在父窗口打开超链接的代码是（ B ）。ABCD（27）表示（ D ）。A打开一个空窗口的超链接代码 B新开一个窗口的超链接代码C在父窗口打开超链接的代码 D在本窗口打开超链接的代码（28）在本窗口打开超链接的代码是（ D ）。ABCD2.填空题（1）在默认情况下，浏览器内已选择的超链接文本显示为 下划线蓝色 ，已访问的超链接显示为 下划线紫色 。（2）HTML语言的标签中定义窗口弹出方式的属性为 target ，弹出方式分别为 target _parent _blank _sel

22、f _top 。（3）在页面A.html中使用第一章设置了锚点，要从页面B.html跳转到页面A设置的锚点处，其HTML的用法是 。（4）设置链接目标的打开方式时， _blank 表示在一个空的框架中打开目标网页。（5） 超链接 是网页与网页之间联系的纽带，也是网页的重要特色。3.简答题（1）绝对路径、相对路径和基准地址的区别与联系是什么？（1）在HTML文件中，主要提供了三种路径：绝对路径、相对路径和根路径，不同的路径使用在不同的链接中。在添加内部链接的时候，常用到相对路径和根路径；在添加外部链接的时候，常用到绝对路径。相对路径适合于创建网站的内部链接。相对路径是以当前文件所在路径为起点，进

23、行相对文件的查找，它包含了从当前文件指向目的文件的路径。（2） 怎样在单击链接时打开新窗口？.（3） 在相对链接中，有时会看到“.”和“.”两个符号，它们的含义是什么？ ./表示向上一级 ./表示根目录（4） 什么是超链接？锚点链接和普通的超链接有什么相同和不同的地方？超链接（hyperlink）是一个网站的精髓，超链接在本质上属于一个网页的一部分，它是一种允许一个网页同其他网页或站点之间进行链接的元素。各个网页链接在一起后，才能真正构成一个网站。锚点链接通过点击命名锚点，不仅能指向文档，还能指向页面里的特定段落，实现更精准的链接指示。（5） 链接网页的“目标”位置有几种？target：用于指

24、定打开链接的目标窗口，其默认方式是原窗口。_parent在上一级窗口中打开。_blank在新窗口打开。_self在同一个桢或窗口中打开。_top在浏览器的整个窗口中打开，忽略任何框架。第6章 网页中的多媒体应用1.选择题（1）嵌入背景音乐的HTML代码是（ B ）。A BC D（2）导航条可以是文字链接和（ B ）链接。A文件 B图像 C超 D文件夹（3）表示（ D ）。A页面空白 B页面属性 C标题传递 D移动文字（4）嵌入多媒体文本的HTML的基本语法是（ B ）。A BC D（5）中的“right”表示（ C ）。A移动文字从上到下 B移动文字从下到上C移动文字从左到右 D移动文字从右到

25、左（6）指定移动文字的循环次数的HTML代码是（ B ）。ABCD（7）Flash动画文件后缀为（ D ）。Awmv Bgif Casf Dswf2.填空题（1）图像占位符是指占有一定空间的符号，该符号最终被替换成 指定图像 ，使用占位符的目的是在网页上获得较好的 显示效果 。（2）设置背景音乐除了使用bgsound标记外，还可以使用的 。（3）在插入图片标记中，对插入的图片进行文字说明使用的标记是 alt 。（4）设定图片边框的属性是 border 。（5）设定图片高度及宽度的属性是 width .height 。（6）为图片添加简要说明文字的属性是 alt 。（7）在页面中实现滚动文字的标

26、记是 。（8）指定移动文字的循环延时的属性是 loop 。（9）在网页中嵌入多媒体，如电影、声音等用到的 。（10）在页面中添加背景音乐bg.mid，循环播放3次的语句是 。3.设计题参考实验6-3的相关例子，根据提供的素材设计一张关于卡朋特歌曲的介绍，并提供有关视频和音频文件的在线播放，如图6-1所示，写出源代码。第7章 表格1.选择题（1）指定表格单元格中内容与表格单元格边框之间的空间大小，需要设置表格属性（ A ）。A单元格填充 B单元格间距 C宽度 D边框（2）设置列的宽度为30，则（ C ）标签的属性被修改。Atable Btr Ctd Dtp（3）在HTML文件中，可以让表格显示边

27、框线，例如，5代表边框线的粗细，它的单位是（ B ）。Acm Bpixel Cgrid Ddot（4）在HTML语言中，下列（ C ）是专属于td、th元素的属性。Abgcolor Balign Ccolspan Dbackground（5）下面的设置仅显示表格上下边框的是（ B ）。A BC D（6）关于HTML表格说法错误的是（ C ）。A表格的width属性可以设置为像素值或百分比B表格的height属性可以设置为像素值或百分比C如果不指定border属性，表格默认宽度为1D表格和单元格的背景色同时设置（7）下列（ B ）设置能使单元格显示边框。A在中添加border属性B在中添加bor

28、der属性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 BC 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）表示显示的边框数

29、为（ 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 属性指定了单元格中的内容与单元格