php程序设计简明教程(DOC格式)-第5部分

按键盘上方向键 ← 或 → 可快速上下翻页，按键盘上的 Enter 键可回到本书目录页，按键盘上方向键 ↑ 可回到本页顶部！
————未阅读完？加入书签已便下次继续阅读！



接的标记，这些标记均放在文本格式的文件中。而程序与之最大的不同，就是可用来控制操作系统或应用程序执　

行并完成某项作业。超文本标记语言的文档应该尽量做到，从形式上看，无论在任何操作系统的任何浏览器上打　

开都具有相同的效果。　　

　（2　）HTML　的基本结构　　

其基本结构分为三部分：　　

〃Y　　版本声明，即序（Prologue）　　

〃Y　　头部（Head）　　



　　　　　　　　　　　　　　　　　　　　　　　　　　　　PHP　讲义　　　　第　　16　　页　　共　　90　　页　　


…………………………………………………………Page　17……………………………………………………………

〃Y　　主体（Body）　　

其中，主要部分是头部和主体。　　

　【例2…1　】Web　文档基本HTML　结构标记　　

2…1。htm　源代码：　　

　　

　　

　　　　

　　　　这里写网页的标题　　

　　　　

　　　　

　　　　这里是网页的主体（显示在浏览器窗口中的部分）　　

　　　　

　　

说明：　　

①标记一般成对出现：，为了防止忘记写结束标记符，可采用成对书写，然后在中间插　

入的写法。　　

②放在　HEAD　　标记内的信息一般不显示在浏览器的窗口中，通常这里面用来定义　JavaScript　　　　　　　　　　　　　　　　　　　　　函数，包含　

JavaScript　代码文件，包含层叠样式表（CSS：Cascading　Style　Sheets　）文件等一些预处理工作。　　

③BODY　标记内通常放上需要表示或展示内容的标记格式。　　

④HTML　中的注释：　　

　　　第一种格式：。其中，注释内容中不可出现“》”，常用于说明标记里的内容；　　

　　　第二种格式：。其中，注释内容中可包括“》”在内的任何符号，常用于注释大段的内容。　　

⑤HTML　编辑软件：只要是文本编辑器或自带HTML　编辑器的软件，就可以用来编写HTML　文件，也可以使用　

HTML　专用编辑器如Dreamweaver　等来编辑　HTML。可通过使用HTML　专用编辑器快速生成一个HTML　的基　

本结构；快速学习并掌握HTML　语言。　　

⑥标记符中的字母，如中的HTML，大小写不敏感，建议统一大些或小写使用。　　

⑦文件的扩展名：若仅含有HTML　代码，一般以。htm　为扩展名；若仅含有JavaScript　代码，这种文件常作为。htm　

文件的包含文件（引用文件，类似于C　程序文件中的头文件）一般以。js　为扩展名；若含HTML　代码和JavaScript　

代码，一般以。htm　为扩展名。　　

　（３）HTML　标记简介　　

　１）基本标记（Basic　Tags）　　

〃Y　　　　　　定义整个超文本文档（网页）对象，描述Web　页面的起始与终止。　　

〃Y　　　　　　设置页面的头部分，用来包含当前文档的一些相关信息。如定义样式、网页的标题、网　

　　页中使用的脚本语言以及对搜索引擎有帮助的关键字。　　

〃Y　　　　　　用来指明文件的标题，其内容将显示在浏览器的标题栏内，设置它的好处：可为下载时提　

　　　供默认的文件名；可为搜索引擎提供搜索关键字。　　

〃Y　　　　　　放置Web　页面的正文内容，包含文件内的文字、超链接文字的颜色、背景色彩、图片、　

　　　动画、影像、音效等几乎所有对网页的展示功能。　　

〃Y　　　　　　用来介绍与文件内容相关的信息。每一个标记用于指明一个名称或数值对，常常放在头部　

　　　标记中。　　

２）文本、字符格式（Text　&　Char　Format　）　　

〃Y　　　　　　标题文字（n=1~6）　　

〃Y　　　　　　换行标记　　

〃Y　　　　　　段落标记　　



　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　PHP　讲义　　　　第　　17　　页　　共　　90　　页　　


…………………………………………………………Page　18……………………………………………………………

〃Y　　　　　　水平线标记　　

〃Y　　字符串　　　　设置字符串的字　

　　　　体、大小、颜色　　

　颜色名：red；green；blue；yellow；black；white　等。　　

　颜色值：格式为#rrggbb，其中，r；g；b　分别用十六进制数表示的红、绿、蓝三种颜色，如#FF0000　表示红色，　

而#6CB0A6　表示一种青色。　　

〃Y　　字符格式标记　　

　　　　粗体　　

　　　　斜体　　

　　　　加下划线　　

　　　　着重强调　　

　　　　定义上标　　

　　　　定义下标　　

　３）超链接（Hyperlink）　　

标记表示一个超链接元素。超链接的属性主要有超链接地址、超链接文件打开的窗口　

位置，都在其开始标记中定义。　　

　【例2…2　】超链接标记　　

2…2。htm　源代码：　　

ASP；PHP；JSP　之比较　　

其中，　　

href　即超链接地址，其值为http：//211。64。32。2/dsks/index。php　　

target　即窗口位置，对其值_blank　而言，浏览器接收到服务器211。64。32。2　发来的文件ndex。php，将在一个新浏　

览器的窗口中显示。　　

超链接一般简称链接。　　

４）表格（Table　）　　

常用表格来精确定义页面文本或图片等的排版格式、排版布局，以使整齐美观。　　

　　　　定义一个表格　　

　　　　定义表格内的一行　　

　　　　定义一行内的一个单元格　　

　５）表单（Form　）　　

表单的概念同VB、VF　、VC　等程序设计语言，它是浏览器收集、发送用户所填数据的一种浏览器对象（控件），　

就像一部货车，一艘轮船，它本身不承载数据，而是通过包含表单对象（就像轮船上的集装箱）这些可以盛放数　

据的数据容器来承载数据，传送数据，从这个角度来看，它实际上是一个盛放数据容器的容器。　　

表单是　B/S　　程序中人机交互界面的主要形式。从服务器的角度来看，或者说从服务器程序编写人员来看，表单　

及表单对象的名称（即其　NAME　属性名）被服务器看作变量来接收，称作表单变量；表单变量的值即用户在客　

户端表单对象中填写的数据。　　

表单的一般标记有：　　

〃Y　　表单本身：　　　　定义表单，其　

　　中：　　

　　属性ACTION　的值起指明将表单中数据提交（发送的意思）的方向，即服务器上的某个处理程序。　　

　　属性METHOD　指明提交数据的方法，常用POST　和GET。　　

〃Y　　　　　　输入型表单对象　　

　　　　①文本字段，类似于VB、VF　、VC　里的文本框控件，基本标记形式如下：　　

　　　　　　

　　　　②隐藏域，设计时可见，运行时不可见的文本字段，程序员常用它向FORM　的ACTION　指向的文件传送变量。　　

　　　　

　　　　③文本区域，类似于VB、VF　、VC　里的文本框控件，基本标记形式如下：　　

　　这里是文本区域的值　　



　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　PHP　讲义　　　　第　　18　　页　　共　　90　　页　　


…………………………………………………………Page　19……………………………………………………………

　　　　④单选按钮，类似于VB、VF　、VC　里的单选按钮控件（有人也称之为无线按钮），作用是在同名的多个单选按　

钮中提供单项选择。　　

　　　　⑤复选框，作用是在同名的多个复选框中提供多项选择。　　

　　　　⑥列表/菜单域，概念等同于VB、VF、VC　里的下拉列表框。　　

⑦提交表单型表单按钮，标记形式：　　

　　　　作用是将表单中的数据提交到表单属性ACTION　的值所指向的　

服务器端程序，由服务器端程序处理　　

⑧重置型表单按钮，标记形式：　　

　　　　作用是清空表单中每个输入域中的数据，等待用户重新输　

入。　　

⑨定制型表单按钮，标记形式：　　

　　　　

作用是执行用户指定的函数、过程。这里，用户通过指定该按钮的单击事件处理过程为：将当前页面跳转到教　

学网站主页。　　

　【例2…3　】FORM　标签示例　　

2…3。htm　源代码：　　

　　

　　姓名：　　

　　简介：　　

　　性别：　　

　　男　　

　　女　　

　　　　

　　爱好：　　

　　运动　　

　　音乐　　

　　旅游　　

　　今天要去哪里逛一逛：　　

　　　　

　　　　请选择　　

　　　　孙寿龙教学网站　　

　　　　德州学院网站　　

　　　　网易　　

　　　　

　　　　

　　　　

　　　　

　　　　

　　　　

　　　　

　　

向服务器请求2…3。htm　的结果见图10。　　



　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　PHP　讲义　　　　第　　19　　页　　共　　90　　页　　


…………………………………………………………Page　20……………………………………………………………

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　



　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　图10　FORM　标签示例　　

　　以上介绍了HTML　的常用标记，美国麻省理工学院（MIT：Massachusetts　Institute　of　Technology）计算机科　

　　学实验室的　WWW　　　　　　标准化组织　W3C　　　　　（又称万维网联盟W3C　），是　HTML　　　　　　　　　的先锋，其互联网地址为：　

　　http：//w3。org。有关HTML、CSS、XML　语言的各种最新的、权威的、官方的资料，在该网站均可查到。　　



3。JavaScript　工作原理　　



HTML　代码所表示的文档是一种静态文档，几乎没有交互功能，很难使页面成为动态页面。增加脚本语言，可使　

数据发送到服务器之前先进行处理和校验，动态地创建新的Web　　内容，更重要的是，引入脚本语言使我们有了　

事件驱动的软件开发环境。　　

　（1）JavaScript　简介　　

JavaScript　的原名叫LiveScript，是NetScape　公司在引入Sun　公司有关Java　的程序设计概念后，重新设计而　

更名的。JavaScript　是一种可以嵌入HTML　文档的，基于对象并具有某些面向对象特征的脚本语言。　　

说明：浏览器端脚本语言除了JavaScript，还有VBScript　和Jscript，后两个是Microsoft　公司设计的，欲了解相　

关内容，可到Microsoft　公司网站查询。本课程仅介绍JavaScript　。　　

　（2　）JavaScript　的特点　　

JavaScript　是一种基于对象（Object…Based）和事件驱动（Event　Driven），由浏览器解释执行的，具有安全性能的客　

户端脚本语言。使用它的目的是与HTML、Java　Applet　（Java　小程序）一起实现在一个Web　页面中链接多个对　

象，与Web　客户交互作用，从而可以开发客户端的应用程序等。它是通过嵌入在HTML　语言中实现的。它的出　

现弥补了HTML　语言的缺陷，它是Java　与HTML　折衷的选择，具有以下几个基本特点：　　　　

〃Y　　是一种脚本语言　　

　　采用小程序段的方式实现编程，以嵌入的方式，与HTML　标识结合在一起，方便用户的使用操作。　　

〃Y　　基于对象的语言。　　

这里的对象，是指客户机、浏览器、网页文档。也就是说，JavaScript　　以类似C、Java　　的语法，以客户机、浏　

览器、网页文档、文档内部各种以标记表示的　HTML　元素为对象，以控制这些对象为目标，进而控制整个客户　

端的一种客户端脚本编程语言。　　

〃Y　　简单　　

首先它是一种基于Java　基本语句和控制流之上的简单而紧凑的设计；　　从而对于学习Java　是一种非常好的过渡。　

其次它的变量类型是采用弱类型，并未使用严格的数据类型。　　　　

〃Y　　安全　　

它不允许访问服务器本地的硬盘，因此不能将数据存入到服务器上；不允许对网络文档进行修改和删除，只能通　

过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。　　　　



　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　PHP　讲义　　　　第　　20　　页　　共　　90　　页　　


…………………