1.3 网页制作入门
1-1 HTML和CSS的关系
HTML和CSS是网页制作的标准语言，也是本书学习的重点，要想学好这两门技术，首先需要对它们有一个整体的认识。本节将针对HTML和CSS的发展历史、流行版本、开发工具、运行平台等内容进行详细讲解。
1.3.1 HTML简介
HTML主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。HTML提供了许多标记，如段落标记、标题标记、超链接标记、图片标记等，网页中需要定义什么内容，就可用相应的HTML标记进行描述。
HTML通过标记描述网页内容，通过超链接将网站与网页及各种网页元素连接起来，构成丰富多彩的Web页面。
下面通过百度网站的一段源代码和相应的网页结构来简单地认识HTML，如图1-1和图1-2所示。
图1-1 百度网页部分网页结构
图1-2 百度网页部分源代码
从图1-2容易看出，网页内容是通过HTML标记（图中带有“<>”的符号）描述的，网页文件其实是一个纯文本文件。这段代码对应的网页效果如图1-1所示，图中的文字都是带有超链接功能的。
HTML发展至今，经历了五个版本，这个过程中新增了许多HTML标记，同时也淘汰了一些标记。具体历程如下：
● HTML1.0:1993年6月，其作为互联网工程工作小组（IETF）工作草案发布。
● HTML2.0:1995年11月作为RFC 1866发布；于2000年6月RFC 2854发布之后，被宣布已经过时。
● HTML3.2:1997年1月14日，W3C推荐标准。
● HTML4.0:1997年12月18日，W3C推荐标准。
● HTML4.01（微小改进）:1999年12月24日，W3C推荐标准。
● HTML5：第一份正式草案已于2008年1月22日公布，仍继续完善。
目前，最新的HTML版本是HTML5，但是由于各个浏览器对其支持不统一，所以还没有得到广泛应用，如今互联网上大多数网站采用的还是HTML4.01版本。
初期为了能更广泛地被大家接受，HTML在语法上很宽松，如标记不区分大小写、可以不闭合等。对于传统的计算机来说，还有能力兼容松散的语法，但对于其他的设备，比如手机、打印机等，兼容的难度就比较大。这并不符合标准的发展趋势，所以在2000年年底，W3C组织发行了XHTML。
XHTML是更严谨、纯净的HTML版本，目的是实现HTML向XML的过渡，它的可扩展性和灵活性将适应未来网络应用更多的需求。XML虽然数据转换能力强大，完全可以替代HTML，但是面对互联网上成千上万基于HTML编写的网站，直接采用XML还为时过早。因此，在HTML4.0的基础上，用XML的语法规则对其进行扩展，得到了XHTML。
目前国际上，网站设计推崇的Web标准就是基于XHTML的（即通常所说的DIV+CSS）。
1.3.2 CSS简介
CSS通常称为CSS样式或样式表，主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽度、边框样式、边距等）及版面的布局等外观显示样式。
CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，并且还可以针对不同的浏览器设置不同的样式。
1996年12月，W3C发布了第一个有关样式的标准CSS1，又在1998年5月发布了CSS2。目前，最新的版本是CSS3，但是各个浏览器对它的支持不统一，所以流行的版本仍然是CSS2。
CSS非常灵活，既可以嵌入HTML文档中，也可以是一个单独的外部文件。如果是独立的文件，则必须以．css为扩展名。CSS采用的是内嵌方式，虽然与HTML在同一个文件中，但CSS集中写在HTML文档的头部，也是符合结构与表现相分离的。
如今大多数网页都是遵循Web标准开发的，即用HTML编写网页结构和内容，而相关版面布局、文本或图片的显示样式都使用CSS控制。HTML与CSS的关系就像人的骨骼与衣服，通过更改CSS样式，可以轻松控制网页的表现样式。