零基础学PHPPHP基础教程PHP教程php学习Word格式文档下载.docx
《零基础学PHPPHP基础教程PHP教程php学习Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《零基础学PHPPHP基础教程PHP教程php学习Word格式文档下载.docx(57页珍藏版)》请在冰豆网上搜索。
和MySQL数据库的有关内容。
本节的各小节将对这些内容做简要说明,之后的各节将较为详细地介绍HTML、样式表
和JavaScript,它们都是Web开发的基础内容,对这些内容不了解的PHP初学者有必要掌握。
1.3.1了解PHP、HTML、层叠样式表(CSS)和JavaScript及其关系
作为服务器端的脚本语言,PHP多数情况下都是和HTML相互搭配来使用的。
PHP用来
完成和逻辑有关的动态内容。
PHP程序执行的输出结果,通过HTML文档表现给用户。
一般
情况下,在HTML页面中需要输出数据的地方内嵌入PHP代码,这个页面也就成为了PHP
程序。
在创建HTML页面时,都要考虑页面设计。
如页面布局、页面颜色、字体、边距空白等。
这些设置可以单独在页面中进行,但那样会使HTML页面变得臃肿,也不便于将来的维护。
层叠样式表解决了这些问题,它允许页面设计人员在层叠样式表(即CSS)文件里设定页面
表现效果,如字体大小、边距控制等。
CSS使得HTML页面的表现更加丰富、美观,也更加
容易维护。
1.3.2HTML文档
HTML文档就是使用HTML标记语言创建的文档。
通过浏览器浏览的网页,几乎都是
HTML文档,或者是由服务器端程序生成的HTML文档。
下面就是一个HTML文档的代码。
HTML文档示例<
/head>
h1>
HTML语言<
/h1>
p>
FirstWebPage<
/p>
1.3.3使用样式表实现页面效果
按照HTML的设计初衷,文档的内容、结构与格式是分离开来的。
如果过多地在HTML
文档中控制页面的显示效果,会使HTML文档的维护越来越难以维护,也违背了HTML的设
计初衷。
为了解决这个问题,引入了样式表的概念。
一个简单的样式表如下所示。
说明:
样式表负责控制页面的格式和显示效果,HTML文档负责控制结构和显示内容。
p{
font-size:
10pt;
}
这个样式表定义的含义是,HTML文档中所有用<
标签定义的内容,都将使用10pt大
小的字体显示。
关于样式表语法和如何使用样式表,将在后面做讲述。
1.3.4客户端的响应
Web页面作为客户端,有时需要直接对用户的请求作出响应。
这主要是通过客户端脚
本来实现,这些脚本语言包括JavaScript等。
可以在HTML页面中加入JavaScript脚本,这些脚本可以直接在浏览器里执行。
这样,
就可以达到在客户端响应用户请求的需求。
一般这样的响应主要是验证表单数据、用户操作
提示等。
本书将在1.6节介绍JavaScript。
1.3.5嵌入式脚本页面
PHP代码一般都是嵌入在HTML文档当中,通过服务器解释这些PHP代码,并用代码执
行产生的结果替换PHP代码内容,最后返回给用户的是内嵌代码执行后的HTML文档。
例如
内嵌生成“HelloWorld”的HTML页面代码如下:
HTML-PHP<
h2>
phpehco"
HelloWorld"
?
/h2>
1.4Web编程的基础知识之一:
HTML
HTML是创建Web应用的最基本内容,无论是动态还是静态页面,最终都要产生HTML
文档。
所有的Web开发都要涉及到用HTML设计Web页面。
本节将介绍HTML语言及如何
使用HTML创建Web页面。
1.4.1HTTP协议简介
网络上的计算机之间要进行通信,就必须遵守一定的规则,这种通信规则就是网络协议。
协议保证网络上各种不同的计算机之间能够理解彼此传递的消息,好比操不同语言的人们之
间,通过翻译来理解对方所说话的含义一样。
现在应用最广的Internet使用的是TCP/IP协议,
而浏览WWW使用的是HTTP协议,即超文本传输协议(HyperTextTransferProtocol),此协
议建立在TCP/IP协议之上。
浏览网页的过程,其实就是一系列请求/响应的过程。
HTTP协议定义了这个请求/响应
过程中请求和响应的格式,及维护HTTP链接的内容。
1.4.2HTML基本知识:
标签
HTML的全称是HyperTextMarkupLanguage,即超文本标记语言。
它是一种简单、通用
的标记语言。
之所以叫标记语言,是因为,HTML通过不同的标签,来标记文档的不同部分。
读者看到的每个Web页面,都是由HTML通过一系列定义好的标签生成的。
从简单的文本编辑器,如Windows的记事本,到专业化的编辑工具,如Dreamveaver,都可
以用来编辑HTML文档,编辑好的HTML文档必须按后缀.html或.htm来保存,最后,通过
浏览器打开HTML文档,来查看页面效果。
在HTML文档中,标签是包含在“<
”和“>
”之间的部分,如<
就是一个标签。
一般是成对使用的,如<
b>
和<
/b>
同时使用,其中<
是开始标签,<
是结束标签。
HTML
的标签不区分大小写,因此<
B>
表示的含义相同。
1.4.3HTML基本知识:
元素
HTML元素由标签定义,标签所定义的内容就叫“元素”,元素包含在开始标签和结束
标签之间。
每一种HTML元素,一般都会有一个或数个属性,属性用来设置或表示元素的一些特性、
名称或显示效果等。
属性放在元素标签中,紧跟标签名称之后,它和标签名称之间有一个或
数个空格。
元素的每个属性都有一个值,属性的值的设定使用“属性=”值””的格式,可以
为属性的‘值’加上引号或不加引号。
下面的HTML代码为标签<
form>
设置了name属性,
其值为login,表示这个表单的名称为login。
formname=”login”>
1.4.4HTML基本知识:
HTML的基本元素
元素是组成HTML文档的关键,本节介绍HTML常用的几种基本元素。
1.标头元素:
HTML使用标签<
定义一个标头,结束标签是<
。
2.标题元素:
这里的标题,是指HTML文档中,内容的标题。
标题元素由标签<
到<
h6>
定义。
3.段落元素:
HTML中使用标签<
定义一个段落。
4.字形元素:
使用标签<
定义一个粗体字形元素
5.链接:
HTML文档中指向其他Web资源,如另一个HTML页面、图片等的链接被称为
“锚”。
在HTML中使用标签<
a>
/a>
定义一个锚元素,即链接元素,也就是说在<
之间的内容,会成为一个超链接。
6.图像元素:
img>
定义一个图片元素,在标签中使用属性src来指向一个图片
资源,象这样<
imgsrc=”url”>
,其中url是指向资源所在位置。
这个位置可以是一个URL,
也可以是一个相对地址,
7.表格元素:
table>
/table>
定义一个表格元素。
一个表格由“行”构成,
每一行由数据单元构成。
表格的“行”用标签<
tr>
/tr>
定义,数据单元用标签<
td>
/td>
8.列表元素:
HTML的列表分为无序列表和有序列表。
9.表单元素:
HTML表单是一个包含表单元素的区域,表单元素一般会作为数据,提交
给后台服务器做处理。
表单域用标签<
/form>
表单元素是那些定义在表单域
里,可以输入信息的元素,如文本框、单选按钮、下拉列表等。
1.4.5创建HTML文档
使用任何一款文本编辑器,都可以编辑HTML文档。
编辑好的HTML文档,按后缀名.html
或htm保存,最后通过浏览器访问HTML文档。
打开一个文本编辑器,键入如下HTML代码
(代码1-15),
1.4.6创建HTML列表
HTML最基本的列表有两种:
无序列表和有序列表,列表可以嵌套使用,亦可同时使用。
创建无序列表,通过设置<
ul>
标签的type属性,可以更改列表项的标志。
type属性的取值
可以是disc,square或circle中的任意一个。
创建有序列表,通过设置标签<
ol>
的type属性,可以为有序列表的列表项设置不同的
顺序标志。
对于无序列表来说,
1.4.7创建页面表格
标签<
用来创建一个表格。
主要的常用属性有width、align
和border。
width属性:
设置表格的宽度,如下所示。
这里定义一个宽度为600px(600点像素)
的表格。
tablewidth=”600px”>
align属性,设置表格相对于浏览器区域的对其方式,可以选取的值有:
left(居左)、center
(居中)或right(居右)。
border,设置表格的边框宽度,单位为像素。
1.4.8建立页面表单
创建一个表单。
的主要属性是action和method。
action属性:
用来指定表单数据被提交后,处理这些数据的程序的地址。
如下HTML代码,
表示当表单提交后,表单的数据将被传到文件login.php,由login.php来处理传入的数据。
formaction=”login.php”>
method属性:
指定用何种HTTP方式传递数据。
有两种传递数据的方式:
POST方式和GET方式。
POST方式将表单数据放在HTTP数据
的正文部分传递。
GET方式将表单数据加到action所指的地址之后传递。
1.5Web编程的基础知识之二:
层叠样式表(CSS)简介
层叠样式表的英文全称是CascadingStyleSheet(简称CSS)。
HTML最初设计时,只是用
来定义文档的内容。
比如标签<
就是用来定义一个HTML文档的表格。
页面的布局由浏
览器显示,并不由HTML标签控制。
随着一个站点HTML文件的越来越多,如果用仍HTML标签排版和控制页面显示效果,
它的局限性和困难性的问题会日益突出。
甚至,在标签无法满足页面显示效果时,有的设计
人员又加入JavaScript来控制页面效果。
可以想象,这样HTML文档会变得越发臃肿,并且
越来越难以维护。
层叠样式表(CSS)的出现解决了这个问题,即使用CSS决定网页内容如何显示,用CSS
控制页面显示效果。
1.5.1样式表的基本语法
一个样式(Style)的语法由3部分构成:
Selector(选择器),属性(Property),属性值(Value)。
格式如下:
selector{property:
value}
例如下面的例子,p就是selector,color就是属性,blue就是属性值。
p{color:
blue}
其中p就是指p标签<
,这个样式(Style)的含义表示凡是用<
标签标记的文档内
容,其文本颜色显示为蓝色。
HTML中所有的标签都可以作为selector。
如果想为Style添加多个属性,可以在两个属性之间用分号分隔。
下面的Style就包含两
个属性,一个是对齐方式,其值为居中,一个字体颜色,其值为红色,它们之间用分号分隔
开。
p{text-align:
center;
color:
red}
1.5.2设置页面字体格式
使用CSS可以设置字体的名称、大小、显示风格等样式。
1.字体名称属性:
font-family(用这个属性设定字体的名称,如Arial,Tahoma,Courier
等。
)
2.字体大小属性:
font-size(font-size属性用来设定字体的大小,字体大小的单位有多
种,常见的是pt和px。
3.字体风格属性:
font-style(这个属性有3个值可选:
normal(正常显示)、italic(斜
体显示)、oblique(斜体显示)。
normal是缺省值。
1.5.3设置页面颜色和背景
使用CSS背景颜色属性和背景图片属性,可以很方便地设置Web页面的颜色和背景。
1.背景颜色属性:
background-color(此属性为HTML元素设定背景颜色,示例代码如
下。
body{background-color:
#99FF00;
}(上面的代码表示body这个HTML元素的背景颜色值是
#99FF00。
2.背景图片属性:
background-image(此属性为HTML元素设定背景图片)
1.5.4处理页面的边距和填充
边距属性是用来设置页面中一个元素所占空间的边缘到相邻元素之间的距离。
左边距属性:
margin-left:
这个属性用来设定左边距的宽度。
示例代码如下。
.d1{margin-left:
1cm}
右边距属性:
margin-right:
这个属性用来设定右边距的宽度。
.d1{margin-right:
上边距属性:
margin-top:
这个属性用来设定上边距的宽度。
.d1{margin-top:
下边距属性:
margin-bottom:
.d1{margin-bottom:
边距属性:
margin:
这个属性是设定边距宽度的一个快捷的综合写法,用这个属性可以
同时设定上下左右边距属性。
还可以为上下左右边距设置相同的宽度。
.d1{margin:
1.5.5理解HTML层的概念
HTML中,使用标签<
div>
/div>
来定义一个层,通过CSS指定不同的属性值,可以定
位层,从而实现页面的布局。
利用层可以非常灵活地放置内容,例如可以将层前后放置、隐藏某些层而显示其他层、
在屏幕上移动层等。
可以在一个层中放置背景图像,然后在该层的前面放置第二个层,从而
包含带有透明背景的文本。
通常,可以把层看成一个容器,在层里可以放置其他更多的HTML
元素。
1.5.6按Web标准建立网页
传统HMTL布局,一般都是使用表格。
表格定位比较简单快捷,但容易出现表格嵌套表
格的现象,这样对页面的后期维护很不方便,而且表格越多,越会影响到浏览器解析HTML
文档的速度,使页面打开的速度变慢。
如今,页面设计人员更多地使用HTML层和CSS,用
于Web页面的布局。
所谓的Web标准,其实并没有统一的标准。
不过,它似乎朝着使用<
和CSS进行页
面布局的方向行进。
DIV+CSS只是具体的实现技术手段,并不能涵盖web标准。
web标准不
仅仅是布局的问题,更重要的是信息结构清晰、内容与表现相分离,而DIV+CSS技术能较好
的实现这种思想。
因此,当前看到的多数符合标准的页面都是采用DIV+CSS制作。
1.5.7在网页中引入样式表
最常用的样式表引入方式有:
内嵌样式(InlineStyle)、内部样式表(InternalStyleSheet)
和外部样式表(ExternalStyleSheet)。
内嵌样式:
内嵌样式是写在标签里面的。
内嵌样式只对所在的标签有效。
如下代码所示。
pstyle="
20pt;
color:
red"
用Style定义字体<
这里在<
标签内增加样式:
style="
red,这个样式只对当前<
有效。
内部样式:
内部样式表是写在HTML的<
里面的。
内部样式表只对所在的
网页有效。
外部样式:
外部样式是指,将样式(Styles)写在一个以.css为后缀的CSS文件里,然后在
每个需要用到这些样式(Styles)的网页里引用这个CSS文件。
1.6Web编程的基础知识之三:
JavaScript基础
JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言,它是Web页面设计
的重要组成部分,它被嵌入在HTML文档中,由浏览器解释执行。
可以使用JavaScript设计
出更有效果的Web页面、验证Web页面表单数据、创建cookie等。
1.6.1网页中的JavaScript
JavaScript可以出现在HTML文档的任何地方,但必须包含在“<
script
language="
JavaScript"
”和“<
/script>
”之间。
一般情况下,使用“<
scriptlanguage="
”
和“<
”包含的JavaScript代码。
1.6.2JavaScript的变量
JavaScript变量是用来存储数据的地方。
这样在需要用这个值的地方就可以用变量来代
表,一个变量可以是一个数字、文本等。
JavaScript变量的命名区分大小写,例如,名为
computer的变量和名为Computer的是不一样的。
而且,变量名必须以字母或下划线开头。
JavaScript是一种对变量的数据类型要求不太严格的语言,所以不必声明每一个变量的
类型,但在使用变量之前先进行声明是一种好习惯。
在JavaScript中用var语句声明一个变
量,象下面这样:
varname=value
1.6.3JavaScript的基本语句
这一小节仅介绍JavaScript的几种常用的基本语句,它们是:
if…else条件语句。
switch选择语句。
for循环语句。
while循环语句。
1.6.4使用简单的对话框
通常会使用JavaScript在网页上产生弹出对话框的效果。
用JavaScript可以创建的对话框
主要有以下所示的两种。
警告对话框。
确认对话框。
下面将通过实例代码,来了解如何使用JavaScript创建这些对话框。
使用函数alert()创
建警告对话框,它的语法格式如下所示。
alert(“message”)
1.6.5JavaScript的基本事件
所谓事件,是指用户与Web页面交互时产生的各种操作,例如单击Web页面上的超链
接或按钮时,就产生一个单击(click)事件(event)。
浏览器为了响应某个事件而进行的处
理过程,叫做事件处理。
注意:
浏览器在程序运行的大部分时间都等待事件的发生,事件能够被Web页面中的
JavaScript捕捉到,并在事件发生时,自动调用JavaScript的事件处理函数,完成事件处理。
除此之外,浏览器自己的一些动作也可以产生事件,例如,当浏览器载入一个Web页
面时,就会发生载入(load)事件,卸载一个页面时,就会发生卸载(unload)事件。
本小
节将介绍几种常见的JavaScript事件,它们是以下所示的3种。
鼠标单击事件(onClick):
当用户单击Web页面上的超链接或者按钮时,就会触发onClick
事件。
页面载入和卸载事件(onload和onUnload):
onload事件发生在Web页面完全下载完
成后。
onUnload事件发生在用户离开(即关闭)当前Web页面时。
onload事件通常用来检
测浏览器的一些信息,如浏览器类型、版本等。
它们也可以用来处理用户cookie。
提交事件(onSubmit):
该事件发生在页面表单的“提交”按钮按下并放开之后。
通常
使用该事件的处理过程验证表单数据的有效性。
1.6.6JavaScript的函数
函数是一个可以完成特定功能可执行的代码块,它由一条或多条JavaScript语句组成。
通常将那些会反复使用,或者用来完成某种功能的代码写成函数,以便利于代码的重用。
JavaScript中函数的语法如下所示。
functionname(var_1,var_2,...,var_n)
{
statement
1.6.7JavaScript的对象
JavaScript是一种面向对象的编程语言。
一段文字、一个图片、一个表单都可以看作是
一个对象,每个对象都有自己的属性、方法和事件。
属性表示了该对象的某些特征,如字符
串的长度、文本框里的文字等。
方法可以理解成该对象可以处理的一些事情。
JavaScipt提供了很多对象,这些对象可以直接在JavaScript里使用。
本小节介绍JavaScript
的一些常用的基本对象。
1.String对象
String对象代表一个字符串,定义该对象的最简单办法就是直接赋值。
此时,变量str就是一个String对象,它的值是“HelloJavaScript”。
varstr=“HelloJavaScript”
2.日期对象——Date
顾名思义,日期对象就是用来处理时间的JavaScript对象。
要定义一个日期对象,需要
使用new运算符,如下代码所示。
varsome_date=newDate()
3.数组对象——Array
数组对象用来存放一组数据(或者说是对象),这些数据可以是不同类型的。
数组中的
每个对象都有一个“下标”,用