什么是 HTML

HTML是打造网页的基石,我们通过 HTML 来表述并且定义网页的内容,伴随着 HTML 的通常还有 CSS 以及 JavaScript。

在 HTML 中添加 PHP

与其说在 HTML 中添加 PHP ,倒不如说在 PHP 中添加 HTML,因为我们不能直接在 HTML 档案中添加PHP。我们首先先建立一个 index.php 文件,但是这时候我们不急着添加 PHP 的代码,我们可以直接写入 HTML 的代码来看看:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>你好,世界!</title>
</head>
<body>
    <p>Hello, World!</p>
</body>
</html>

然后这时候我们通过 PHP 运行一下这个文件,会发现我们输出了 HTML 的内容而不是出现报错,通过这个例子我们可以知道 PHP 档案中是可以包含 HTML 代码的,而且还能正常输出,所以这时候我们就可以在我们的 HTML 代码中添加 PHP 代码了。

来做个时间显示器吧

这里我们来做一个显示当前时间的页面,我们可以通过 PHP 中的 date 函数来获取并且输出当前的时间,我们的代码可以像下面这样写:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>日期</title>
</head>
<body>
    <p>当前的日期是:<span id="now-time"><?php echo date('Y-m-d H:i:s'); ?></span></p>
</body>
</html>

然后我们再运行 PHP ,会发现真的输出了当前的时间而不是 PHP 的代码,这个就是我们在 HTML 中添加 PHP 代码的例子了。

但是有时候我们会觉得老是输入 <?php?> 太麻烦了,所以之后我们有个简写,我们可以写成这个样子,也是可以正常输出的哦:

<span><?=date('Y-m-d H:i:s')?></span>

在本地发起测试的网页服务器

我们可以通过运行以下指令发起一个本地的测试网页的服务器:

php -S localhost:8080

然后我们访问:http://localhost:8080 ,就可以看到我们的内容了。需要注意的是,首页的文件名字通常都是 index.html 或者 index.php ,如果改了其他的名称需要加上文件名才能访问到哦!

详情可以阅读这篇文章: https://www.yuisblog.com/archives/166/