连接MySQL数据库与HTML页面的最常见方法是通过服务器端的脚本语言来实现。在本文中，我们将以PHP为例，介绍如何使用PHP连接MySQL数据库并将数据显示在HTML页面上。

步骤一：安装必要的软件和工具

要使用PHP连接MySQL数据库，首先需要在本地或服务器上安装PHP和MySQL数据库。

步骤二：创建数据库和数据表

在MySQL中创建一个数据库，并在该数据库中创建一个数据表，以存储要在HTML页面上显示的数据。

示例代码：

```sql

CREATE DATABASE mydatabase;

USE mydatabase;

CREATE TABLE mytable (

id INT(11) UNSIGNED AUTO_INCREMENT PRIMARY KEY,

name VARCHAR(255),

email VARCHAR(255),

phone VARCHAR(255)

);

步骤三：连接MySQL数据库

在PHP脚本中，使用以下代码连接到MySQL数据库：

```php

<?php

$servername = "localhost";

$username = "root";

$password = "password";

$dbname = "mydatabase";

// 创建连接

$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接是否成功

if ($conn->connect_error) {

die("连接失败: " . $conn->connect_error);

} else {

echo "连接成功！";

}

?>

请注意替换上面的`$servername`，`$username`，`$password`和`$dbname`变量为实际的数据库连接信息。

步骤四：查询数据

使用SQL查询语句从MySQL数据库中检索所需的数据。

示例代码：

```php

$sql = "SELECT * FROM mytable";

$result = $conn->query($sql);

if ($result->num_rows > 0) {

// 输出每行数据

while ($row = $result->fetch_assoc()) {

echo "ID: " . $row["id"] . "<br>";

echo "Name: " . $row["name"] . "<br>";

echo "Email: " . $row["email"] . "<br>";

echo "Phone: " . $row["phone"] . "<br>";

echo "<br>";

}

} else {

echo "没有结果";

}

步骤五：在HTML页面中显示数据

可以将PHP脚本嵌入到HTML页面中，以在页面上显示从MySQL数据库中检索的数据。

示例代码：

    


    
从MySQL数据库中检索的数据：
    query($sql);
    if ($result->num_rows > 0) {
        // 输出每行数据
        while ($row = $result->fetch_assoc()) {
            echo "
ID: " . $row["id"] . "";
            echo "
Name: " . $row["name"] . "";
            echo "
Email: " . $row["email"] . "";
            echo "
Phone: " . $row["phone"] . "";
            echo "
";
        }
    } else {
        echo "没有结果";
    }
    // 关闭数据库连接
    $conn->close();
    ?>

通过在HTML页面中嵌入PHP代码，可以将通过连接MySQL数据库检索到的数据动态地显示在页面上。

请注意，为了安全起见，应该使用适当的验证和过滤技术来确保从数据库中检索的数据不会对用户造成任何潜在的安全风险。