本章学习HTML的相关知识以及通过Web页面发送数据和接收数据的方法。
17.1 HTML源代码
HTML文件是按照HTML规则制作的文本文件。浏览器只会按照从web服务器发来的HTML文件的命令来配置图片文件等命令。
对于Chrome、Internet等浏览器,在页面上右键选择“查看网页源代码”即可让Web网页的源代码显示出来。
显示出来的源代码其实是一个HTML文件,这个文件由<html>或<a ~ /a>等用“<>”括起来的字符组成。用“<>”括起来的对象称为标签(tag),表示在这里显示XX内容、在这里显示XX的图片文件等命令。
17.2 制作Web页面的两种方法
17.2.1 制作静态Web页面
HTML文件由文本组成。只要理解了语法规则,就可以在记事本等编辑器中进行编写制作。制作静态Web页面有两种方式,“在编辑器中直接输入标签”和“使用软件制作标签”,通过这两种方式制作的Web页面的内容不会发生改变,Web也只会显示标签指定的内容。例如,对于一个为“晚上好”的Web页面,任何人在任何时候访问该页面,它都仅会显示“晚上好”。这样的Web页面就是静态Web页面。
17.2.2 制作动态Web页面
对于下面的脚本
<?php
if(date("G")<=6){
print"不困吗?";
}elseif (date("G")<=9) {
print"早上好!";
}elseif (date("G")<=18) {
print"你好!";
}else {
print"晚上好!";
}
执行以上脚本PHP会根据“时间”这个条件输出不同的内容。这种通过PHP脚本等程序间接地输出显示内容,而且内容会根据条件发生改变的Web页面称为动态Web页面。
17.2.3 浏览器不区分静态页面与动态页面
静态页面通过编辑器或网页制作软件来输入标签,从而生成HTML文件。第2中方法通过PHP等程序间接地、动态制作HTML文件。
对浏览器而言,这两种方法并没有什么区别,因为客户端显示的是完全相同的内容。
我们的目标是将于MySQL交互的成果制作成Web页面并将其发送回客户端。交互的结果并不总是一样的,一般需要使用PHP脚本操作MySQL,然后通过PHP脚本接收MySQL发送的结果,动态制作Web页面。
17.3 HTML的规则
- HTML文件的扩展名为“.html”,如果包含PHP脚本则为“.php”
- 标签的写法
HTML通过编写<html>之类的标签来制作Web页面。大多数标签会像下面这样包含“开始标签”和“结束标签”,加上2者之间夹杂的字符串之后,整个部分称为元素。
<a>标签示例,也称为a元素:
与上面的href一样,“开始标签”中可以包含一些具体信息,这些信息称为属性。
很多标签不需要用到结束标签,如<br>。
- HTML文件的结构
格式:
第1行是文档类型声明,之后使用<html>和</html>将整个文档括起来,并在其中编写head和body元素。
- HTML文件的示例
代码(tag.html):
<!DOCTYPE html> 头文件
<html> HTML主体开始
<head> 标题链接开始
<title>SQL咖啡厅的页面</title> 标题和链接
</head> 标题链接结束
<body> 页面主体开始
欢迎光临SQL咖啡厅! 显示在页面的主体
</body> 页面主体结束
</html> HTML主体结束
在浏览器中打开URL:http://localhost/tag.html
注:如果显示出来的是乱码,则需要更改字符编码。
- 用" "和' '将属性括起来
现在设置链接https://www.csdn.net/ 跳转到CSDN首页,这时就可以使用<a>标签按照下面的方式进行编写:
<a href="https://www.csdn.net/">跳转到CSDN首页</a>
<a>和</a>之间编写的是作为链接显示的字符串;