按键盘上方向键 ← 或 → 可快速上下翻页，按键盘上的 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