注意:以下代码均保存在文件夹中(我的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》
领取专属 10元无门槛券
私享最新 技术干货