开发搭建环境
在HTML语言学习中,主要学习的是静态网页,而PHP语言则是学习动态网页的设计,首先介绍的是开发环境的搭建。
首先需要搭建PHP运行环境:安装Apache、安装PHP、安装MySQL,然后搭建PHP编辑环境。Web服务器Apache负责网站的发布,接受响应用户的需求,MySQL数据库负责存储管理网站中的数据,而PHP解释程序负责编译运行PHP代码。集成环境用的是WampServer,编译环境用的是DreamWeaver。目前这两个环境是学生端基础学习中运用较为广泛的。
静态网页制作技术
静态网页的文件开头和结尾由<HTML>
和</HTML>
来标记;<HEAD>
和</HEAD>
标记头部,用来包含文件的基本信息,内容不显示在网页中;<BODY></BODY>
主体标记正文部分,是整个文件的主体部分。
1.在静态网页HTML设计中有一些基本语法:
(1)所有的标记必须由尖括号<>括起来,并且标记是成对出现的。如果缺少一个标记,将会导致错误运行结果。
(2)标记不区分大小写,在HTML语言中,对标记的大小写并不敏感,不会因为大小写出现错误的运行。
2.HTML非正文标记的注意点:
(1)HTML的开始、结束标记
格式:<HTML>....</HTML>
功能:标志文件开始和结尾的标记,说明:HTML文件的所有内容均位于此标记内(声明一个HTML文档),它是HTML文件的容器。
(2)HTML文件头标记
格式:<HEAD>....</HEAD>
功能:用于包含文件的初始化信息。说明:此标记为可选标记,它用来提供与Web页有关的信息,在头标记中可以使用以下标记:
<TITLE></TITLE>
:网页标题信息
<SCRIPT></SCRIPT>
:声明使用何种脚本,脚本标记
<META></META>
:描述HTML中的文档信息,包括文档作者、检索关键字和创建日期等。
其中我们需要注意的是:<TITLE>
标记只能放在<HEAD></HEAD>
标记对之间。
<html>
<head>
<title>网站开发论文</title>
</head>
<body>
</body>
</html>
以上代码即为有头有尾的HTML网页
(其中标题“网站开发论文”是显示在浏览器最上边蓝色条中的文本)
其中<SCRIPT></SCRIPT>
既可以放在头部也可以放在主体标记内
a.放在头部,表示插入何种脚本
b.放在头部或主题内,使用<script></script>
标记对将脚本代码行包括在其中。
(3)HTML文件主体标记
格式:<BODY>....</BODY>
功能:标记文件的主体内容,<BODY>
是标记网页的主体部分,有很多的属性,而这些属性的作用:设定网页的总体风格。
可包括的属性:background、bgcolortext、link、alink等
在主体BODY还有段落(<P>
)与换行标记(<br
>)、水平线标记(<hr>
)、字符格式化标记(<font>...</font>
)、图像标记(img
)、超链接标记(a herf
)、表格标记(<table
>)等标记
<p>
:设置段落标志,表示一段结束,产生一个空白行
<br>
:新一行的开始,不会产生空白行。<br>
单独使用,不成对出现。<nobr>...</nobr>
表示不换行。
<hr>
:插入水平线,可分割不同的内容,单独使用。Hr有align(线的对齐方式,取值有left、center、right)、size(指定线的宽度,以像素为单位)、width(指定线的长度,单位可以是像素)、color(指定线的颜色)等属性。
<font>...</font>
:可设置属性文本的字体大小、字体、颜色。
<img src=“图像地址” alt=“”...>
:src属性不能缺,否则只会显示一片空白。注意:<img>
标记并不是真正的把图像加入到html文档中,实际上是通过路径将图形文件嵌入到文档中。
<img>
不仅用来插入图片,还可以用来插入视频。插入视频时主要使用dynsrc(来源)、loop(次数)、start(开始播放时间)三个属性
<a herf>
:<a herf=
“链接的目标地址”>
链接主体</a>
注意:
超链接的属性target是设置目标打开的方式或打开的地点。
_blank
:在新窗口打开链接页面
_self
:不在新窗口中打开页面(默认)
_top
:将链接对象显示到新窗口的整个窗口中
_parent
:在父窗口中显示链接页面
页面名称:在该页面显示
通过对body里的各个标记属性进行利用,制作简单的个人简历,其代码为:
<table border=1 bgcolor=blue>
<tr>
<td colspan=3><font size=20 color=white>个人简历</font></td>
</tr>
<tr>
<td><font size=5 color=white>姓名</font></td>
<td><font size=5 color=white>小邓</font></td>
<td rowspan=3><img