第3章 网页基础速成静态、动态技术1.pptVIP

第3章 网页基础速成:静态、动态技术 本章要为读者介绍页面的基础知识。实现网页最基本的语言就是HTML语言。虽然现在有好多新的技术（XML等），但是网页中最常用的还是HTML。本章将为读者介绍如何使用样式，使网页变得更加美观。 本章还将介绍JavaScript的基础知识，以及如何使用JavaScript进行表单的检验等，这些知识涉及一些基本的网页动态操作，希望读者能好好掌握。 3.1 认识HTML HTML是一种超文本标识语言，是用来描述WWW上超文本文件的。它主要是在原来文本文件的基础上，加一系列的标识符号描述其格式，形成网络文件，当用户使用浏览器下载文件时，就把这些标识解释成它应有的含义，按照一定的格式，将这些被标识的文件，显示在屏幕上。而HTML的标识符号并不显示在屏幕上。 3.1.1 HTML介绍 HyperText Markup Language的缩写是HTML，简称超文本标记语言。它是现在最常见的网页制作语言，也是网页的基础语言。不管使用哪种技术开发Web，最终反应在用户浏览器上的总是HTML代码。 HTML具有跨平台兼容特性。它可以在所有安装浏览器的计算机上浏览HTML文档。 HTML 4.0的推出，改进了种种语言环境、设备环境和显示环境的特性。完善了一些功能，样式支持、脚本等方面得到了提高。 学习HTML，主要是了解网页是如何工作的。了解HTML的基础的知识，就可以灵活地制作出读者喜欢的网页效果，也可以使PHP与HTML更好的结合。 3.1.2 HTML基本标记介绍 HTML的构成是由标记和属性。标记是用于告诉浏览器怎么显示文档。属性是标记的一个选项，起到修饰作用，如高度、宽度、对齐方式和颜色等。标记的构成是由一对尖括号（）括起来的元素，尖括号之间的内容就是HTML命令。标记的格式如下： html 标记大多数是成对出现，称为起始标记和结束标记。如html /html，但是也有少量的不是配对出现的标记。起始标记和结束标记样子很相似，唯一不同的就是结束标记有一个斜杠号，也就是在起始标记中加一个斜杠号，放在尖括号内的首部，就是结束标记。 标记的使用把需要标记的内容放入起始标记和结束标记之间，也就是起始标记要放在需要标记的内容前面，而结束标记要放在需要标记内容之后。下面通过一个例子来说明如何使用HTML标记，程序如代码3-1所示。 3.1.3 HTML基本标记演练 前面讲述了HTML的一些标记，下面通过实例来了解它们的功能，程序如代码3-3所示。 3.1.4 HTML注释符 注释是在程序中插入描述语句时使用，而在程序执行时，不会被运行，在用户浏览时，这些描述性语句不会出现在Web页面中。它的格式如下所示。 !-- 注释内容 -- 它是以“!--”开始，以“--”结束，中间部分就是要描述的语句。下面通过一个实例来对比介绍。没有加注释的代码如3-4所示。 3.2 文字与段落标记 文字也是网页的一大组成元素，对于文字的修饰，HTML语言提供了文字的标记和属性，这样会使网页的显示效果更加的美观与直观。 3.2.1 标题标记 标题标记，也叫标题字体。它可以分离大段文字，概括下文，所以HTML提供了6个等级的标题标记。标题标记如表3.2所示。 标题标记是从“H1”到“H6”，字体逐渐变小，即“H1”标记字体是最大的，而“H6”标记字体是最小的。 3.2.2 基本文字标记及属性 基本文字的标记就是对单个文字及词组强记。如强调字的黑体、斜体、下划线等。对基本文字标记符如表3.4所示。 3.2.3 基本段落标记及属性 在前面的小节中介绍了文字的标记，当文字多的时候，就会形成段落，下面就对段落标记进行介绍。段落标记是对一整段文字进行格式化。最常用的段落标记是“p”，适合用于一般的文本文字。段落标记是非配对的标记，就是不需要成对出现。如果读者想成对出现也可以，把段落标记的开始标记符放在段落的首部，结束标记符放在段落的尾部。这样会更加方便地阅读代码。 3.2.4 水平线 水平线标记是用来分开大段文本水平线，用以分割页面中的不同部分。水平线的标记符是“hr”，在网页中加入此标记符，页面中的HTML代码会自动识别标记来生成水平线。水平标记符有3个属性分别是“size”、“widht”和“noshade”。这此属性的作用如下所示。 size表示水平线的宽度。 width表示水平线的长，用占屏幕宽度的百分比或像素值来表示。 noshade表示线段无阴影属性，为实心线段。 3.3 插入图像 读者在浏览普通的文本网页时，觉得比较单调。如果在普通的文本网页中加上了图像，就会觉得比较生动，信息能够达到更好的沟通。但是在HTML中加入图像有利也有弊。为什么这样说呢？因为使用生动专业水平的图像可以使站点明白易用，这是对网站有利的一面