第 2 章 HTML、XML和CSS-带答案

第 2 章 HTML、XML和CSS-带答案
1.Web网站开发的5个阶段： 与 、 、 、 和 。
2.静态网页：指没有后台数据库、不含服务端程序的网页；可直接加载到客户浏览器上显示。静态网页主要采用 或 等语言编写。
3.动态网页：指内容可根据不同情况动态变化的网页，是当前网站的主流形式。请简述动态网页的优缺点：
4.超文本标记语言HTML（Hypertext Markup Language）是在万维网上建立超文本文件的语言，它是万维网的核心计算机语言。请写出HTML文档的基本构成:
5.HTML中两种颜色值的表示方法： ， 。
6.一个超链接可指向另一个Web页，它由两部分组成： 一部分是显示在本页面中的可被触发的超链接文本或图像，另一部分是用来描述当超链接被触发后要链接到的URL信息。请写出超链接标记格式：
7.表格是最常用的页面元素，在页面中用表格来表示数据直观又清晰，而且HTML表格的使用非常灵活，许多较复杂的页面布局也可利用表格来完成。其中 和 标记对界定表格结构的起始和结束；
8.请写出图中的简单表格示例：

9.表单的输入域有如下三类：以标记 定义的多种输入域，包括text、radio、checkbox、password、hidden、button、submit、reset和file等，以标记 定义的文本域。以标记 和 定义的下拉列表框。
10.当提供给用户的选择项目较多时，为节省显示空间，可使用表单的下拉列表输入域。定义下拉列表框使用和两个标记，请写出他们的语法：
11.当用户需要上传文件时，可使用file输入域。文件域由 和一个 组成，用户既可以在文本框中输入文件的路径和文件名，也可以通过单击“浏览”按钮从磁盘上查找和选择所需文件。
12.框架（Frame），首先需确定如何分割窗口，然后建立描述窗口分割的主文件，再为每个框架建立相应的HTML文件。主文件的定义方法是：

[头部标记] {...} ... [字符串] 其中，标记 定义窗口分割的方式（横向或纵向）和大小， 标记定义了若浏览器不支持框架时所显示的内容。 13.请简述HTML5的4个新特性， ， ， ， 。 14.智能表单新增属性pattern是标记的验证属性，该属性的值是一个 ，通过这个表达式可以验证输入内容的有效性。 15.智能表单新增属性required ，是一个 属性，包含此属性的表单元素必须被填写。在发送时若仍为空，浏览器将会给予相关提示。 16.HTML5新功能音视频支持，HTML5 通过标记 和 支持嵌入式的媒体，使开发者能够方便地将媒体嵌入到HTML文档中。 17.层叠样式表（CSS）是W3C协会为弥补HTML在显示属性设定上的不足而制定的一套扩展样式标准。请简述为什么需要CSS？ 18.CSS样式表定义的基本语法为： 19.样式表定义： p { font-family: "宋体"; color:darkblue; background-color:yellow; font-size:9pt; /*字体大小*/ } 定义了一个样式表供HTML文件的 标记使用。 20.伪类是特殊的类，能自动地被支持CSS的浏览器所识别。例如， （已访问的链接）和 （可激活链接）描述了两个锚（anchors）的状态。 21.样式的作用顺序，请简述样式表的作用优先顺序遵循以下4条原则： 22.CSS属性中字体属性可以通过什么综合设置字体：斜体、加粗，还可指定字高。 23.颜色和背景属性表background-attachment是设置了什么属性？ 24.文本属性表中text-align可取值left|right|center|justify（将文字均分展开对齐）是什么含义？ 25.列表属性表中list-style-position可取值outside|inside是什么含义？ 26.CSS提供用于二维和三维空间定位的属性，它们是 、 、 。 27.请写出当前CSS三维空间定位属性用法示例

28.XML与HTML的比较，在可扩展性中，请简述XML与HTML的区别。
29.XML文档的组成是标记和开/闭标记之间的文字结合在一起构成元素。所有元素都可以有自己的属性，属性采用“ ”对的方式写在标记中。
30.使用CSS样式表显示XML文档中使用级联样式表（CSS）显示XML文档有两个基本步骤：
答案
1.策划与定义，设计，开发，测试，发布。
2.HTML，XML
3.优点：
（1）具有良好的交互性，可以实现灵活强大的程序控制功能；网页会根据用户的请求而动态改变和显示内容，例如用户登录、各类管理功能等。
（2）动态网页一般以数据库技术为基础，有利于网站内容的更新，可以大大降低网站维护的工作量。
缺点：
（1）由于需要数据库处理，所以动态网站的访问速度有所减慢；但随着服务器性能以及网络带宽的提升，其影响已经较小。
（2）技术复杂，开发难度较高。
4.

文档头部分


文档的主体部分


5.RGB值表示，英文单词表示
6.超链接文本或图像
7.

，
8.

物资列表 商品类别数量 日用百货10 电器20 轿车5 9.， ，， 10. 表项内容 …… 11.一个文本框，一个“浏览”按钮 12.， 13.语义特性，跨平台运行，简单易用性，用户友好性 14.正则表达式 15.布尔型 16.， 17.（1）表现和内容相分离：将设计部分剥离出来放在一个独立样式文件中，HTML文件只负责内容，样式交给CSS来实现。 （2）强大的控制能力：CSS将对象引入HTML，从而可以使用JavaScript脚本控制网页标签的显示效果，除了控制文本属性，如字体、字号、颜色等，还可以设计复杂的网页样式，如对象位置、图片效果、网页布局等。 （3）易于页面维护、更新及改版：通常DIV+CSS页面都将HTML和CSS文件分开，只需修改CSS文件就可以更新页面。 （4）提高网页浏览速度：CSS可提供多种样式，以减少GIF动画的使用，DIV+CSS布局较表格布局减少了页面代码，从而能设计出规模更小、下载更快的网页。 18.选择符（Selector）{ 规则（Rule）表} 19.

20.visited links， active links 21.① 内联样式中所定义的样式优先级最高。 ② 层叠型：即其他样式表按其在HTML文件中出现或被引用的顺序，越在后出现，优先级越高。 ③ 选择符的作用顺序由高到低为：类选择符、id选择符。 ④ 未在任何文件中定义的样式，将遵循浏览器的默认样式。 22.Font 23.指定背景图像是否跟随页面内容滚动。默认值为scroll 24.设定元素纵向对齐方式。值的含义见下面的说明。默认值为baseline 25.设置项目符号是否在文字里，与文字对齐 26.top、left、position 27.三维定位属性用法 三维定位属性用法。 三维定位属性用法。 三维定位属性用法。

文字的重叠显示

文字的重叠显示

28.HTML不具有扩展性 XML是元标记语言，可用于定义新的标记语言 29.“属性/值” 30.① 创建CSS样式表文件； ② 链接CSS样式表到XML文档。