HTML+CSS+JavaScript网页设计 习题答案

附录  各章习题参考答案
珍妃之印第1章  习题参考答案
1. 答:网页是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一“页”,是超文本标记语言格式(标准通用标记语言的一个应用,文件扩展名为.html或.htm)。
网站(Website)是指在因特网上根据一定的规则,使用HTML等工具制作的用于展示特定内容相关网页的集合。简单地说,网站是一种沟通工具,人们可以通过网站来发布自己想要公开的资讯,或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站,获取自己需要的资讯或者享受网络服务。
2. 静态网页  动态网页
3. 超文本标记语言(Hyper Text Markup Language)。
4. 答:静态网页的执行需要两步来完成:
亚里士多德柏拉图
(1) 在客户端浏览器地址栏中输入静态网页的URL,向服务器发出HTTP请求。
(2) 服务器处理该HTTP请求,返回HTTP响应,将用户请求页面的所有代码及资源文件都返回给客户端,浏览器解释执行之后,将内容呈现给用户。
5. ASCII文本 记事本
6. 略。
7. 略。
第2章  习题参考答案
cdma1x
1. XHTML 1.0   
2. XHTML    XHTML 2
3. <!DOCTYPE>
4. 语法规则 ASCII文本 .dtd
5. 答:HTML5主要包括如下功能:Canvas(2D和3D)、Channel消息传递、Cross-Document消息传送、Geolocation、MathML、Microdata、Server-Send Events、Scalable Vector Graphics(SVG)、WebSocket API及协议、Web Origin Concept、Web Storage、Web SQL Database、Web Workers、XMLHttpRequest Level 2。
6. 标签通常包含左尖括号、右尖括号以及二者间的字母和数字,如<title>,而元素则是指开标签、闭标签以及二者之间的任何内容。
7. <head>元素  <body>元素
8. <!doctype html>
9. 使用<pre>标签或使用空格符号 
10. 答:任何位于<pre>开标签和</pre>闭标签之间的文本都会保持其在源文件中的格式。
11. 答:使用<sup>标签
12. 答:3种类型的列表:
        无序列表:无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
        有序列表:有序列表也是一列项目,列表项目使用数字进行标记。
        定义列表:自定义列表不仅仅是一列项目,而是项目及其注释的组合。
13. 上位机软件答:小写罗马数字
14. 答:绝对地址:指向目标路径的完整描述,一般指向本站点外的文件或URL。相当地址:相对于当前页面的路径,一般指向本站点内的文件,所以一般不需要完整的URL地址。
15. 答:创建地址链接的方法是在设置<a>元素的href属性的值由关键字mailto起始,随后是冒号,然后是希望发送到的地址。
16. 答:HTML的表格通过4个标签来创建,分别是表格标签<table>、行标签<tr>、表头标签<th>和表格数据标签<td>。
17. 答:caption>元素直接出现在开标签<table>之后,并应该位于第一行之前。默认情况下,多数浏览器会在表格上方的中央位置显示该元素的内容。
第3章  习题参考答案
1. 略,见课本3.1节
2. 答:
section    Web页面应用中,section元素也可以用于区域的章节表述
header    页面主体的头部,注意与head元素相区别。head元素不可见,而header往往包含在body
footer    页面的底部,即页脚。通常用于标出网站的一些相关信息,例如“关于我们”、法律声明、邮件信息和版权所有等
nav    专门用于菜单导航、链接导航的元素,是navigator的缩写
article    用于表示一篇文章的主题内容,一般为文字集中显示的区域
3.
4. dialog  open
5. 答:
mark      定义有记号的文本
meter    表示特定范围内的数值,可用于工资、数量、百分比等
time    表示时间值
progress    用来表示进度条,可通过对其maxminstep等属性进行控制,完成对进度的表示和监视
6.
李祥祥 背景第4章  习题参考答案
1. <form>  </form>
2. action
3. get  post
4. type
5. datalist
6. 答:(1) 当有一组单选按钮共享同一名称时,只有其中之一可以被选定。当一个单选按钮被选定后,如果用户又单击了另一个,则新的选项被选定,而旧选项便失去选定。
(2) 不应将单选按钮作为指定开或关的单一表单控件使用,因为当单一单选按钮被选定后,就无法通过界面操作再次失去选定。而复选框可以单独出现,此时每一个复选框都有自己的名称。
(3) 复选框也可以共享同一名称,作为复选框组出现,在同一组中可以有多个复选框同时被选中。
7. post  enctype
8. date、datetime、datetime-local、month、time和week
9. <select> <option>
10. size
11. label
12.    <fieldset>
13. 略
第5章  习题参考答案
1. 分辨率
2. src和alt
3. <map>和<area>
4. 当浏览器不支持<audio>标签时将显示这些文本信息
5. video。
6. canvas
7. 左上角 向右  向下
8. 略。
9. drawImage()方法绘制图像  clip()方法剪裁图像
第6章  习题参考答案
人文主义的内涵1. 层叠样式
2. 表模块、 背景和边框 文字特效
3. 答:(1) 大大缩减页面代码,提高页面浏览速度,缩减带宽成本。
(2) 结构清晰。容易被搜索引擎搜索到。用只包含结构化内容的HTML代替嵌套的标记,搜索引擎将更有效地搜索到内容。
(3) 缩短改版时间。只要简单地修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
(4) 强大的字体控制和排版能力。使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。
(5) 提高易用性。使用CSS可以结构化HTML,如<p>标记只用来控制段落,<table>标记只用来表现表格式数据等。
(6) 表现和内容相分离。将设计部分分离出来放在一个独立样式文件中。
(7) <table>布局灵活性不大,只能遵循<table>、<tr>、<td>的格式,而使用CSS+div可以有更多格式。
(8) 便于更新和维护。可以将站点中的所有页面风格都使用一个CSS文件进行控制,只要修改这个CSS文件,就可以更新所以页面的风格样式。
4. 答:在HTML网页中使用CSS的方法有4种:第一,内联样式,通过HTML元素的style属
性直接将样式嵌入HTML标记中;第二,定义内部样式表,将表示样式的style属性的内容,全部提到公共的样式规则块中,然后将其放在<style>元素中,这样,整个HTML文件中都可以使用该样式;第三,链接外部样式文件,将样式独立成文件,供任何页面调用;第四,导入外部样式表,这种方法与链接相似,外部样式表独立成文件,但是导入样式表是使用@import,然后后面跟随关键字url和引入的样式表的URL。有的书籍把第三和第四种方法算作一种,因为他们都是将样式表独立成为外部文件。
5. 答:内联样式 > 内部样式表 > 外部样式表   
ID选择器 > 类选择器 > 标签选择器
6. 答:如果一个特定的规则不希望被其他规则覆盖,那么可以使用!important指示符。
当使用!important指示符时,要确认把它放在样式规则的最后。
第7章  习题参考答案
1. 英文句号
2. “#”号
3. “星号”(*)
4. [abc$="def"]
5. “大于号”(>)
6. 答:后代选择器选中的元素包含直接子元素和非直接子元素;“子选择器”(child selector) 只能匹配某一元素的直接子元素。

本文发布于:2024-09-23 00:30:42,感谢您对本站的认可!

本文链接:https://www.17tex.com/xueshu/394996.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:页面   文件   使用   元素   样式   标记   用于   内容
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议