HTML 與PHP 的連接方法：實現動態網頁的完整教程

M66 2025-10-07

在Web 開發中，HTML 用於定義網頁的結構與內容，而PHP 則用於實現服務器端邏輯和動態內容。當我們需要在網頁中展示實時數據或與後端進行交互時，就需要將HTML 與PHP 進行連接。

首先，新建一個HTML 文件（如index.html ），用來定義頁面的基礎結構與顯示內容。例如：

 <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>PHP 示例</title>
</head>
<body>
    <h1>歡迎訪問我的網頁</h1>
</body>
</html>

接著，新建一個PHP 文件（如connect.php ），用於編寫服務器端邏輯代碼。例如從數據庫獲取數據或生成動態文本。

 <?php
$name = "張三";
?>

要將PHP 文件與HTML 頁面結合，可以在HTML 文件中使用PHP 代碼塊。基本語法如下：

 <?php
// 在這裡編寫 PHP 代碼
?>

通過include()函數，可以將PHP 文件嵌入到HTML 文件中，從而實現代碼的模塊化管理。例如：

 <span class="fun"><?php include("connect.php"); ?></span>

這樣， connect.php中的代碼就會在頁面加載時被執行。

在HTML 頁面中使用PHP 輸出變量值或動態數據：

 <span class="fun"><h1><?php echo $name; ?></h1></span>

上面的代碼會在網頁上顯示變量$name的內容。

保存HTML 和PHP 文件，並將它們放入Web 服務器（如Apache 或Nginx）目錄下。然後在瀏覽器中訪問HTML 頁面，即可看到動態內容的效果。

通過以上步驟，你可以輕鬆實現HTML 與PHP 的連接，讓網頁具備更豐富的交互性和動態數據展示能力。