1.2.1 设置文本格式
7．固定字体标记 格式如下： <b>粗体</b> <i>斜体</i> <big>大字体</big> <small>小字体</small> <tt>固定宽度字体</tt>
8．样式标记
格式如下： <sup>上标</sup> <sub>下标</sub>
1.2.1 设置文本格式
9．列表标记 （1）有序列表标记。 有序列表是在各列表项前面显示数字或字母的缩排列表，可以使用有序列表 标记<ol>和列表项标记<li>来创建。有序列表标记的格式如下：
1.1.1 HTML基本结构
1．文档头描述
（1）指定网页的标题：<title>和/title>。 （2）指定文档内容的样式表：<style>和</style>。
（3）注释：<!--和-->。
（4）描述网页文档的属性：<meta >。 （5）脚本语言程序：<script>和</script>。 在这两个标记之间可以插入客户端脚本语言程序，例如： <script language="JavaScript"> alert("大家好!"); </script>
1.2.1 设置文本格式
在浏览器地址栏中输入C:\wamp\www\EX1_2.htm，运行结果如图1.2所示。
1.2.1 设置文本格式
6．水平线标记 水平线标记用于在文档中添加一条水平线，可以分隔文档。格式如下：
<hr 属性="值"…>
该标记常用的属性有align、color、noshade、size和width。color表示线的颜色； noshade没有值，显示一条无阴影的实线；size是线的宽度（以像素为单位）； width是线的长度（像素或百分比）。例如： <hr> <hr size="2" width="300" noshade> <hr size="6" width="60%" color="red">
第1章 HTML+CSS基础知识
1 . 1 HTML和PHP介绍 1 . 2 格式化HTML页面
1.3 表 单
1.4 超 链 接 1.5 设计框架
1 . 6 样 式 表（CSS）
1 . 1 HTML和PHP介绍
1.1.1 HTML基本结构
HTML文档包括文档头和文档主体，其基本结构如下： <html> <head> 文档头部分 </head> <body> 文档主体部分 </body> </html> 基本HTML页面从< html >标记开始，到</ html >标记结束。
事件包括窗口事件、表单及其元素事件、键盘事件、鼠标事件。
1.1.3 HTML、XHTML和HTML 5
有了XHTML的教训，WHATW G和W3C在制定下一代HTML标准，即HTML 5时， 就将向后兼容作为了一个很重要的原则。虽然HTML 5引入了许多新的特性，但仍 可以将任何已有的网页的第一行改成<!DOCTYPE html>，它就成为一个HTML 5页面， 并且可以在浏览器里正常展示。 例如，以下代码可以认为是HTML 5文档。 <!DOCTYPE html> <html> <body> HTML文本框 <input type="text" value="'输入初值'"> </body> </html>
1.1.2 HTML基本说明
3．HTML标记常用属性 （1）类名：class。 （2）唯一标志：id。 （3）内样式：style。 （4）提示信息：title。 4．HTML标记常用事件 事件处理描述是一个或一系列以分号隔开的 JavaScript 表达式、方法和函数调
用，并用引号引起来。当事件发生时，浏览器会执行这些代码。
1.2.1 设置文本格式
【例1.2】 应用前面提到的各种标记。 新建EX1_2.htm文件，输入以下代码：
<html> <head> <title>标记应用</title> </head> <body> <p align="center">分段标记</p> 换行标记<br/> <center>对中标记</center><br/><br/> <div align="center">下面使用了div标记 <h1>标题标记1</h1> <h2>标题标记2</h2> <h3 align="left">标题标记3</h3> </div> </body> </html>
1.1.1 HTML基本结构
（2）在浏览器地址栏输入“C:\wamp\www\EX1_1_hello.htm”；或者配置IIS 后将当前的虚拟根目录设置为“C:\wamp\www”，然后在浏览器地址栏输入 “http://127.0.0.1/EX1_1_hello.htm”。 其中127.0.0.1代表本机虚拟根目录。 用浏览器打开文档，将显示如图1.1所示的页面。
1 . 2 格式化HTML页面
1.2.1 设置文本格式
1．分段标记 格式如下： <p 属性="值"…>…</p> 段落是文档的基本信息单位，在HTML文档中原有的回车和换行均被忽略，利 用段落标记可以定义一个新段落，或换行并插入一个空格。 单独用<p>标记时会空一行，使后续内容隔行显示。 align属性定义段落的水平对齐方式。其取值可以是left（左对齐）、center（居 中）、right（右对齐）和justify（两端对齐）。当该属性省略时则使用默认值left。 例如： <p align="center">分段标记演示</p> 2．换行标记 换行标记为<br/>，该标记将强行中断当前行，使后续内容在下一行显示。
1.1.1 HTML基本结构
【例1.1】 使用HTML设计一个简单的网页。 （1）打开Windows的附件中的记事本功能，输入下列内容，以 EX1_1_hello.htm作为文件名保存到C:\wamp\www文件夹中。本书的所有实例文件 均保存在该文件夹中。
<html> <head> <title>一个Hello网页</title> <script langauge="JavaScript"> function myp() { alert("大家好!"); } </script> </head> <body bgcolor="#8888FF" onload="myp()"> <div align=center> <img src="image\njnu.jpg" width=300 height=60><br/><br/> <h2> 学生成绩管理系统 </h2> </div> </body> </html>
（7）安全性。
（8）其他特性。
1.1.4 PHP语言简介
4．PHP语言发展趋势 PHP目前在开发语言排行榜（TIOBE）排名第5位，仅次于Java、C、C++和 Visual Basic。同时PHP是世界上使用率最高的网页开发语言。 从目前还是主流的PHP 4到PHP 5，再到未来的PHP 6，PHP越来越完善，功能 也更强大。跨平台的使用特性将使它在Linux平台上大放异彩。
来运行它。通过这种方式，仅仅只需要PHP解析器来执行。
编写桌面应用程序。对于有着图形界面的桌面应用程序来说，PHP或许不是 一种最好的语言，但是如果用户非常精通PHP，并且希望在客户端应用程序中使用 PHP的一些高级特性，可以利用PHP-GTK来编写这些程序。
1.1.4 PHP语言简介
3．PHP语言特点 （1）开放源代码。 （2）基于服务端。 （3）数据库支持。 （4）跨平台。 （5）易于学习。 （6）网络应用。
颜 黑 蓝 紫红 灰 绿 橙 褐红 色 名 称 十六进制数值 颜 色 名 称 十六进制数值
淡蓝
aqua(cyan)
black blue fuchsia(magenta) gray green lime maroon
#00FFFF
#000000 #0000FF #FF00FF #808080 #008000 #00FF00 #800000
1.1.2 HTML基本说明
1．颜色 （1）使用颜色名称来表示。例如，红色、绿色和蓝色分别用red、green和 blue表示。 （2）使用十六进制格式数值#RRGGBB来表示，RR、GG和BB分别是表示颜色 中的红、绿、蓝三原色的两位十六进制数据。例如，红色、绿色和蓝色分别用 #FF0000、#00FF00和#0000FF表示。表1.1列出了16种标准颜色。
