最新更新 热门文章
当前位置：首页>免费文档>文库资料>教育文库>网页设计习题

网页设计习题

更新时间：2024-01-11 15:48:01 阅读量： 教育文库 文档下载

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。

第1章 引言

1.选择题

（1）通常网页的首页被称为（ A ）。

A．主页 B．网页 C．页面 D．网址 （2）网页的基本语言是（ C ）。

A．JavaScript B．VBScript C．HTML D．XML

（3）网页在Internet上是通过URL来指明其所在位置的，每个不同的网页都应该有不同的URL，如263网站主页的URL就是（ A ）。

A．http://www.263.com B．http:\\\\www.263.com C．ftp://www.263.com D．mailto:www.263.com （4）下列不属于Macromedia公司产品的是（ D ）。

A．Dreamweaver B．Fireworks C．Flash D．Frontpage （5）下列属于静态网页的是（ A ）。

A．index.htm B．index.jsp C．index.asp D．index.php （6）属于网页制作平台的是（ C ）。

A．photoshop B．flash C．dreamweaver D．cuteFTP （7）要想在打开网页时弹出一个信息框，可以使用下列（ C ）技术实现。

A．CSS技术 B．HTML技术 C．调用JavaScript D．URL （8）以下说法中，错误的是（ B ）。

A．网页的本质就是HTML源代码 B．网页就是主页

C．使用“记事本”编辑网页时，应将其保存为.htm或.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 D．C语言

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． B． C． D．

（2）在网页源代码中（ A ）标记必不可少。

A． B．

C． 表格标记 D．
（3）关于HTML文件说法错误的是（ C ）。

A．HTML文件是一个包含标签的文本文件

B．这些标签告诉浏览器怎样显示这个页面标题信息 C．HTML文件必须以.htm为扩展名

D．HTML文件可以用一个简单的文本编辑器创建 （4）关于HTML文件说法正确的是（ C ）。

A．HTML标签都必须配对使用

B．在和标签之间的是头信息

C．HTML标签是大小写无关的，和表示的意思是一样的 D．在和标签之间的文本会以加粗字体显示 （5）下面针对标记属性声明正确的是（ A ）。

A．

B．

C．

D．
（6）下面正确的页面注释格式是（ A ）。

A． B．<-- 注释内容 --> C． D． （7）下面的标记中属于单标记的是（ D ）。

A． B．

C． D．

2.填空题

（1） 注释 是在html代码中插入的描述性文本，用来解释该代码或提供其他信息。

（2）一个完整的HTML文件包含头部和主体两个部分的内容，其对应的标记是 和 < body> 。

（3）HTML4或XHTML 1.0都有三种DTD类型，分别是 严格型 、 过渡型 和框架型 。

（4）

如梦令

昨夜雨疏风骤，浓睡不消残酒。
试问卷帘人，却道“海棠依旧”。

“知否？知否？应是绿肥红瘦。”


李清照：（1084－约1151）南宋女词人。号易安居士，齐州章丘（今属山东）人。父李格非为当时著名学者，夫赵明诚为金石考据家。早期生活优裕，与明诚共同致力于书画金石的搜集整理。金兵入据中原，流寓南方，明诚病死，境遇孤苦。所作词，前期多写其悠闲生活，后期多悲叹身世，情调感伤，有的也流露出对中原的怀念。形式上善用白描手法，自辟途径，语言清丽。

第4章 列表

1.选择题

（1）无序列表的HTML代码是（ B ）。

A．… B．… C．

    …
D．
    … （2）有序列表的HTML代码是（ C ）。

    A．… B．… C．

      …
    D．
      … （3）在定义列表的HTML代码是（ D ）。

      A．

      ……
      B．…
      … C．…
      … D．
      ……
      （4）下面说法错误的是（ B ）。

      A．disk是定制表中type的标记 B．left是定制表中type的标记 C．circle是定制表中type的标记 D．square是定制表中type的标记 （5）定制表中type标记中的circle表示（ A ）。

      A．圆点 B．圆环 C．字母 D．方块 （6）定制表中type标记中的square表示（ D ）。

      A．圆点 B．圆环 C．字母 D．方块 （7）定制有序列表中序号起始值的表示法为（ D ）。

      A．

        B．
          C．
            D．
              （8）以下有关列表的说法中，错误的是（ D ）。

              A．有序列表和无序列表可以互相嵌套

              B．指定嵌套列表时，也可以具体指定项目符号或编号样式 C．无序列表应使用UL和LI标记符进行创建

              D．在创建列表时，LI标记符的结束标记符不可省略

              （9）在HTML网页中，用来定义有序列表的元素包括（ A ）。

              A．ol B．ul C．li D．dl

              2.填空题

              （1）列表一般可以分为 无序 、 有序 、 自定义 、目录列表和菜单列表5种类型。

              （2）无序列表中可用的项目符号包括 disc 、 square 和

              circle 。

              （3）HTML代码

                表示创建一个 有序 列表。

                （4）用于取消列表项前默认项目符号的样式定义是 。 （5）使用列表项从默认的垂直排列到水平排列的样式定义是 float: left ; 。 （6）指定有序列表中列表项前的序号以大写英文字母编号的type属性值应当是

                  。

                  3.设计题

                  （1）使用无序列表实现水平导航和垂直导航，如图4-1所示，写出源代码。

                  图4-1 页面导航

                  网页导航

                    体育 - 娱乐圈 - 财经 - IT - 汽车 - 房产 - 家居 - 女人 - 短信 - 邮件

                      （2）试着为开封菊展做一个菊花品种简介，如图4-2所示是一个模板，你可以利用本章的列表标记完成这个任务，写出源代码。

                      图4-2 菊花品种简介

                      菊花品种展示

                      绿菊
                      产自北美洲南部

                      黄菊
                      产自墨西哥

                      白菊
                      产自中国中部、东部

                      第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．http://www.sohu.com/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．http://www.sina.com/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．pqshow.com B．pqshow C．http://www.pqshow.com

                      D．pqshow.com （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 ）。

                      （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．… D．… （13）表示（ D ）。

                      A．框架的行高 B．框架的行数 C．框架的列高 D．框架的列数 （14）表示（ B ）。

                      A．框架的行高 B．框架的行数 C．框架的列高 D．框架的列数 （15）显示框架的HTML代码是（ A ）。

                      A． B． C． D． （16）显示框架空白区域的HTML的代码是（ A ）。

                      A． B． C． D． （17）表示（ D ）。

                      A．框架页面边框高度 B．框架页面边框宽度 C．框架页面空白高度 D．框架页面空白宽度 2.填空题

                      （1） 框架 是一种能在同一个浏览器窗口中显示多个网页的技术。 （2）框架由 框架集 和 框架 组成。 （3）浮动框架的标签是 。

                      （7）控制框架窗口周围是否出现边框线的属性是 frameborder 。 （8）如果浏览器不支持框架显示，那么应该定义 元素以应对这种情况，目的是能够给用户以提示。

                      （9）如果一个分为左右两个框架的框架组，要想使左侧的框架宽度不变，应该用 单位来定制某宽度，而右侧框架则使用 像素，百分比 单位来定制。 3.设计题

                      制作如图8-1所示页面，写出框架结构页面源代码。 （1）三个框架窗口载入页面分别为“top.html”、“left.html”、“main.html”。 （2）顶部框架高度为80像素，左侧框架宽度为150像素。 （3）主窗口框架由浏览器自动设置滚动条。

                      （4）当浏览器不支持框架技术时，给出提示文字。

                      第9章 表单

                      1.选择题

                      （1）下列关于表单的说法不正确的一项是（ A ）。

                      A．表单元素可以单独存在于网页表单之外

                      B．表单中包含各种对象，例如文本域、列表框、复选框和单选按钮 C．表单即表单元素

                      D．表单由两部分组成：一是描述表单的HTML源代码；二是用来处理用户在表单域中输入的信息的服务器端应用程序客户端脚本

                      （2）在指定单选按钮时，只有将以下（ A ）属性的值指定为相同，才能使它们成为一组。

                      A．type B．name C．value D．checked （3）下列不是表单域的控件是（ D ）。

                      A．单行文本框 B．复选框 C．下列菜单 D．图文框 （4）不属于表单中按钮类型的是（ C ）。

                      A．重置 B．普通 C．无动作 D．提交 （5）HTML语言中表单的作用是（ C ）。

                      A．显示图像 B．设置超链接 C．收集用户反馈信息 D．显示网页信息 （6）有代码，它的功能是（ A ）。

                      A．创建一个文本框 B．创建一个密码框 C．创建一个文本域 D．创建一个按钮 （7）表单提交中的方式有（ B ）。

                      A．1种 B．2种 C．3种 D．4种 （8）在HTML中，

                      ，action表示（ B ）。

                      A．提交的方式 B．表单所用的脚本方式 C．提交的URL地址 D．表单的形式 （9）在HTML中，，method表示（ A ）。

                      A．提交的方式 B．表单所用的脚本方式 C．提交的URL地址 D．表单的形式 （10）增加表单的文字段的HTML代码是（ C ）。

                      A． B． C． D． （11）增加表单的隐藏域的HTML代码是（ D ）。

                      A． B． C． D． （12）增加表单的复选框的HTML代码是（ D ）。

                      A． B． C． D． （13）增加表单的单选按钮的HTML代码是（ A ）。

                      A． B． C． D． （14）增加表单的图像域的HTML代码是（ B ）。

                      A． B． C． D． （15）增加表单的文本域的HTML代码是（ B ）。

                      A．< input type=submit>

                      B．< textarea name=“textarea”> C．< input type=radio> D．< input type=checkbox>

                      （16）增加表单的密码域的HTML的代码是（ B ）。

                      A． B． C． D． （17）增加列表框的HTML代码是（ C ）。

                      A．< input type = submit>

                      B．< textarea name = “textarea”> C．

                      D．< input type = checkbox>

                      （18）如果要在表单里创建一个普通文本框，以下写法中正确的是（ A ）。

                      A． B． C． D． （19）以下有关表单的说明中，错误的是（ C ）。

                      A．表单通常用于搜集用户信息

                      B．在FROM标记符中使用action属性指定表单处理程序的位置

                      C．表单中只能包含表单控件，而不能包含其他诸如图片之类的内容 D．在FROM标记符中使用method属性指定提交表单数据的方法 （20）给表单控件设置标签，以下代码中正确的是（ ）。

                      A． B．

                      A．SELECT和OPTION B．INPUT和LABEL C．INPUT D．INPUT和OPTION （22）以下有关按钮的说法中，错误的是（ ）。

                      A．可以用图像作为提交按钮 B．可以用图像作为重置按钮

                      C．可以控制提交按钮上的显示文字 D．可以控制重置按钮上的显示文字 （23）以下表单控件中，不是由INPUT标记符创建的为（ C ）。

                      A．单选按钮 B．口令框 C．选项菜单 D．提交按钮 2.填空题

                      （1）一般的表单由 表单对象 、 表单域 等部分组成。

                      （2）在网页中用于让客户从一组互斥的选项中在同一个时刻只能选择一项，可使用的表单域是 单选框 。

                      （3）在HTML网页中，定义表单使用 元素。

                      （4）在HTML网页中，用于定义表单控件的元素有