在HTML代码中添加PHP代码 - PHP零基础入门系列

什么是 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 和 ?> 太麻烦了，所以之后我们有个简写，我们可以写成这个样子，也是可以正常输出的哦：