网页设计习题

.第1章 引言1.选择题（1）通常网页的首页被称为（ A ）。A主页 B网页 C页面 D网址（2）网页的基本语言是（ C ）。AJavaScript BVBScript CHTML DXML（3）网页在Internet上是通过URL来指明其所在位置的，每个不同的网页都应该有不同的URL，如263网站主页的URL就是（ A ）。Ahttp:/www.263.com Bhttp:www.263.comCftp:/www.263.com Dmailto:www.263.com（4）下列不属于Macromedia公司产品的是（ D ）。ADreamweaver BFireworks CFlash DFrontpage（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是下列（ ）的简写，中文译作（ 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）几种比较流行的网络协议包括 ftp. www. HTTP 。（6）HTML文件的扩展名是 .html 或 .htm 。（7）HTML的中文全称是 超文本标记语言 。3.简答题（1）写出URL包含的三个部分内容的作用。答：URL通常包括三个部分，第一部分是Scheme，告诉浏览器该如何工作，第二部分是文件所在的主机，第三部分是文件的路径和文件名。（2）CSS样式与HTML样式有何不同？HTML样式写入标记内部，根据需要设置它的属性，CSS样式是定义每种标签的样式，将CSS链接到HTML页面后，所有已定义的标签都采用CSS里定义的样式，应用CSS样式节省了代码。同时方便后期维护。（3）说出几种目前你知道的浏览器产品。Internet Explorer（俗称“IE”）、Mozilla Firefox（俗称“火狐狸”或“火狐”）、腾讯TT。（4）网页、浏览器、网站和网络服务器之间的关系是什么？网站是一个存放网络服务器上的完整信息的集合体，它包含多个网页，这些网页以一定的方式链接在一起。浏览器是阅读网页内容的软件，它的作用是使用HTTP协议与web服务器打交道。从服务器上下载网页，并解析网站展示在终端屏幕上。（5）使用什么编写HTML网页可以使用记事本等文本编辑器，也可以使用dreamwaver等所见即所得的开发工具。 第2章 HTML基础1.选择题（1）标记必须包含在（ A ）标记中。A 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）下面的标记中属于单标记的是（ D ）。A B C D2.填空题（1） 注释 是在html代码中插入的描述性文本，用来解释该代码或提供其他信息。（2）一个完整的HTML文件包含头部和主体两个部分的内容，其对应的标记是 和 。（3）HTML4或XHTML 1.0都有三种DTD类型，分别是 严格型 、 过渡型 和框架型 。（4）标记包含在 标记中。（5）META中用于定义网页关键字信息的属性值 name=keywords 。3.简答题（1）简述META标记的作用。在头部文件中使用标记用于描述不包含在标准HTML里的一些文档信息，例如显示字符集，开发工具，作者，网页关键字，网页描述等。这些定义的内容并不在网页页面中显示，但是一些搜索引擎可以检索这些信息，浏览者可以根据这些关键字或描述查找到该网页。（2）在页面开始部分加上不同的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 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超链接在目标窗口打开的方式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> 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 属性改变文字颜色。（7）在HTML文件中分别使用 元素和 元素来呈现小标和上标。3.设计题参考实验4-1建立一个如图3-1所示的HTML文档，写出源程序。图3-1 效果图 如梦令【宋】李清照昨夜雨疏风骤，浓睡不消残酒。试问卷帘人，却道“海棠依旧”。“知否？知否？应是绿肥红瘦。”【作者简介】李清照：（1084约1151）南宋女词人。号易安居士，齐州章丘（今属山东）人。父李格非为当时著名学者，夫赵明诚为金石考据家。早期生活优裕，与明诚共同致力于书画金石的搜集整理。金兵入据中原，流寓南方，明诚病死，境遇孤苦。所作词，前期多写其悠闲生活，后期多悲叹身世，情调感伤，有的也流露出对中原的怀念。形式上善用白描手法，自辟途径，语言清丽。第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）定制有序列表中序号起始值的表示法为（ 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）用于取消列表项前默认项目符号的样式定义是 。（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-汽车-房产-家居-女人-短信-邮件垂直导航：公司简介组织机构荣誉称号联系我们（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 Dp（4）下列路径中属于绝对路径的是（ C ）。Aaddress.htm Bstaff/telephone.htmChttp:/www.sohu.com/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的说法错误的是（ D ）。A用name属性创建一个命名锚点，可以让链接直接跳转到下一个页面的某一章节，而不同用户打开那一页，再从上到下慢慢找B想要访问本页的锚点，在URL地址的后面加一个“#”和这个锚点的名字Chref属性用来指定链接到的URLDhref属性不能用来指定到一个邮箱地址（9）在HTML语言中，下面（ B ）是相对地址。Ahttp:/www.sina.con/index.htm Bmain/index.htmCfile:/192.168.0.100/index.htm Dhttp:/www.sina.com/logo.gif（10）在HTML文件中，不属于超链接元素a的属性是（ C ）。Aname Bhref Cfont Dtarget（11）HTML使用超链接元素a来创建一个连接到其他文件的链接，链接的资源（ D ）。A只能是HTML页面和图像 B不可以是声音C不可以是图片 D可以是网络上的任何资源（12）在下列的HTML中，（ B ）可以产生超链接。Apqshow.comBpqshow Chttp:/www.pqshow.com Dpqshow.com（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跳转到页面的“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打开一个空窗口的超链接代码 B在父窗口中打开超链接的代码C新开一个窗口的超链接代码 D在本窗口中打开一个超链接的代码（26）在父窗口打开超链接的代码是（ B ）。ABCD（27）表示（ D ）。A打开一个空窗口的超链接代码 B新开一个窗口的超链接代码C在父窗口打开超链接的代码 D在本窗口打开超链接的代码（28）在本窗口打开超链接的代码是（ D ）。ABCD2.填空题（1）在默认情况下，浏览器内已选择的超链接文本显示为 下划线蓝色 ，已访问的超链接显示为 下划线紫色 。（2）HTML语言的标签中定义窗口弹出方式的属性为 target ，弹出方式分别为 target _parent _blank _self _top 。（3）在页面A.html中使用第一章设置了锚点，要从页面B.html跳转到页面A设置的锚点处，其HTML的用法是 。（4）设置链接目标的打开方式时， _blank 表示在一个空的框架中打开目标网页。（5） 超链接 是网页与网页之间联系的纽带，也是网页的重要特色。3.简答题（1）绝对路径、相对路径和基准地址的区别与联系是什么？（1）在HTML文件中，主要提供了三种路径：绝对路径、相对路径和根路径，不同的路径使用在不同的链接中。在添加内部链接的时候，常用到相对路径和根路径；在添加外部链接的时候，常用到绝对路径。相对路径适合于创建网站的内部链接。相对路径是以当前文件所在路径为起点，进行相对文件的查找，它包含了从当前文件指向目的文件的路径。（2） 怎样在单击链接时打开新窗口？.（3） 在相对链接中，有时会看到“.”和“.”两个符号，它们的含义是什么？ ./表示向上一级 ./表示根目录（4） 什么是超链接？锚点链接和普通的超链接有什么相同和不同的地方？超链接（hyperlink）是一个网站的精髓，超链接在本质上属于一个网页的一部分，它是一种允许一个网页同其他网页或站点之间进行链接的元素。各个网页链接在一起后，才能真正构成一个网站。锚点链接通过点击命名锚点，不仅能指向文档，还能指向页面里的特定段落，实现更精准的链接指示。（5） 链接网页的“目标”位置有几种？target：用于指定打开链接的目标窗口，其默认方式是原窗口。_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移动文字从右到左（6）指定移动文字的循环次数的HTML代码是（ B ）。ABCD（7）Flash动画文件后缀为（ D ）。Awmv Bgif Casf Dswf2.填空题（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 ）标签的属性被修改。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）关于HTML表格说法错误的是（ 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 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）表示显示的边框数为（ 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 属性指定了单元格中的内容与单元格边框之间的空间大小。（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 ）个网页文件。A3 B4 C5 D6（2）页面顶部为横条网站标志和广告条，下方左侧为主菜单，右侧围显示内容的布局是（ D ）。A对称对比布局 BT形布局 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可以给不支持框架的浏览器写上标签CHTML框架中的各个页面是相互独立的DHTML框架的使用让打印整个页面变得困难（7）要创建一个左右框架，左边