1.6　网页制作入门

1.6.1　HTML简介

1．HTML介绍

HTML是HyperText Markup Language的缩写，即超文本标记语言。HTML是用来创建超文本文档Web页面的一种简单标记语言，可以让页面从一个平台移植到另一平台。HTML是目前在网络上应用最为广泛的语言，也是构成网页文档的主要语言。

HTML使用标签的形式将网页内容划分出层次结构，可用标签来描述文字、图形、动画、声音、表格、链接等。HTML网页结构包括头部、主体两大部分。头部描述浏览器所需的信息，主体包含所要说明的具体内容。

目前HTML最新版本是HTML5.0，使用最广泛的版本是HTML4.01。

2．HTML的发展史

HTML是在1993年6月以互联网工程工作小组（IETF）工作草案的形式发布的。20世纪90年代，HTML得到了大幅发展，从2.0版、3.2版到4.0版，再到4.01版。HTML没有1.0版本是因为当时有很多不同的版本。

3．HTML5介绍

HTML5指的是HTML的第5次修改版，也是目前最新版本的HTML，是基于各种全新的理念进行设计的，这些设计理念体现了对Web应用的可能性和可行性的新认识。

HTML5规范中新增了在移动设备上支持多媒体，为PC端和移动设备带来无缝衔接的丰富内容。HTML5新的语法特征被引进以支持这一点，如video、audio和canvas标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括：

（1）改进了元素标签。

（2）淘汰过时的或冗余的属性。

（3）实现了离线编辑。

（4）新增了一系列API（Application Programming Interface，应用程序编程接口）配合JavaScript使用实现各种功能。

（5）具有更好的兼容性与容错机制。

1.6.2　CSS简介

1．CSS介绍

CSS是Cascading Style Sheets的缩写，中文名称为层叠样式表。CSS是一种定义样式结构如字体、颜色、位置等的语言。样式规则可应用于网页中元素，如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式直接放在网页中，外部样式表规则被放置在一个以.css作为文件扩展名的独立的文档中。无论哪一种方式，样式表包含将样式应用到指定类型的元素的规则。外部样式表在使用时，网页通过一个特殊标签链接外部样式表。

CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。目前所有主流浏览器均支持层叠样式表。

2．CSS的发展史

最早的CSS1.0版本是在1996年12月由W3C推出的，该版本提供了有关字体、颜色、对齐方式、边框和位置样式等属性设置。1998年5月，W3C发布了CSS2.0版，CSS2.0新增了元素的定位属性、新的字体属性，如字体的阴影效果等。这是至今流行最广、目前主流浏览器都采用的标准。2012年6月，CSS工作组公布了CSS3中五十多个模块内容，其中4个模块的规范标准已经作为正式版发布。

3．CSS3介绍

CSS3是CSS技术的第3版也是目前最新的一个版本。CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括：盒子模型，列表模块，超链接方式，语言模块，背景和边框，文字特效，多栏布局等。

CSS3在CSS2的基础上对功能进行了扩展。其中新增了对网页各类元素边框、背景、文本和字体等内容的特效，还增加了动画技术，可以不用脚本代码就能实现网页元素的动画效果。CSS3的特点如下。

（1）完全向后兼容。原来基于CSS2设计的网页无须修改即可正常显示。设计者可以直接在CSS样式表文件中添加CSS3的内容，即可更新页面设计效果。

（2）模块化的新增功能。新增了多列、选择器、边框与背景等功能。

（3）元素的变形和动画效果。可以直接利用CSS对元素实现移动、旋转、扭曲和缩放等效果。可以指定一个或多个元素在一定的时间范围内按照规定的样式进行变化。

1.6.3　JavaScript简介

JavaScript一种轻量级的直译式脚本语言。JavaScript通常用于为HTML网页增加动态效果和功能。它的解释器被称为JavaScript引擎，为浏览器的一部分，是广泛用于客户端的脚本语言。目前所有浏览器都支持JavaScript，无须额外安装第三方插件。

JavaScript脚本语言具有以下特点。

（1）脚本语言。JavaScript是一种解释型的脚本语言，不用事先编译，可在程序的运行过程中逐行进行解释执行。该语言适合非程序开发人员使用。

（2）基于对象。JavaScript是一种基于对象的脚本语言，它不仅可以创建对象，也能使用现有的对象。

（3）简单。JavaScript语言中采用的是弱类型的变量类型，对使用的数据类型未做出严格的要求，是基于Java基本语句和控制的脚本语言，其设计简单紧凑。

（4）动态性。JavaScript是一种采用事件驱动的脚本语言，它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时，鼠标在网页中进行鼠标单击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。

（5）跨平台性。JavaScript脚本语言不依赖于操作系统，仅需要浏览器的支持。JavaScript程序在编写后可以在不同类型的操作系统中运行，适合PC、笔记本、平板电脑和手机等各类包含浏览器的设备。