如何用PHP实现留言板功能(二)

注意:以下代码均保存在文件夹中(我的XAMPP下载到了D盘,所以是从D开始。建议大家下载到D盘)

原因:htdocs就是你的网站的根目录。

如何在网页上显示你的网站的根目录?

启动XAMPP,将“Apache”、“MySQL”启动,打开浏览器(建议使用Chrome),在网址栏输入。效果如下:

使用HTML与CSS制作留言板网页样式

网页样式展示

样式代码

什么是HTML

HTML(超文本标记语言)

HTML不是一种编程语言,而是一种标记语言,标记语言是一套标记标签,HTML使用标记标签来描述网页。组成HTML语法的元素只有HTML标签与HTML属性。

HTML标签

标签是HTML语言中最基本的单位,结构形式为:。

标签的特点:

通常要用两个尖括号括起来,以””结束。

标签都是闭合的(闭合就是指标签的最后要有一个”/“来标示结束),但不一定成对出现。

标签大小写无关,建议使用小写。

HTML属性

HTML属性是HTML标签的一部分,用来描述特定对象的特性,一般的结构形式为:。

属性的特点:

标签可以拥有多个属性

属性由属性名和属性值成对出现

什么是CSS

CSS(层叠样式表)

简单来说,CSS就是用来「美化网页并提供更好的管理方法」。

如何插入样式表

外部样式表(本文没有使用该方法)

使用场景:当样式需要应用于很多页面

使用优点:在使用外部样式表的情况下,可以通过改变一个文件来改变整个站点的外观

使用方法:每个页面使用标签链接到样式表,标签在文档的头部。如:

浏览器会从文件 mystyle.css 中读到样式声明,并根据它来格式文档。

内部样式表(本文选择使用的方法)

使用场景:当单个文档需要特殊的样式

使用方法:使用标签在文档头部定义内部样式表(如本文的代码)

内联样式

使用场景:样式仅需要在一个元素上应用一次

注意事项:由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势,所以需要慎用。

使用方法:需要在相关的标签内使用样式(style)属性

CSS基础语法

CSS规则由两个主要的部分构成:选择器,以及一条或多条声明。选择器通常是需要改变样式的HTML元素;每条声明有一个属性和一个值组成。每个属性有一个值,属性和值被冒号分开。

以本文留言本的代码部分为例:

在这个例子中,.wrap 是类选择器,width 和 margin 是属性,800px 和 0px auto 是值。使用花括号来包围声明。

在网页上观察本文代码效果的时候,你会发现这个网页只是一个样式,没有什么实际的功能。这就需要我们的PHP程序来接收从网页接收数据,明天我们就来实现怎么用PHP接收数据~

https://www.sodevel.com

《21天学通PHP》

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180905G09NEY00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

同媒体快讯

扫码关注云+社区

领取腾讯云代金券