HTML本身并不能直接连接MongoDB，因为HTML是一种标记语言，用于创建网页的结构，而MongoDB是一种非关系型数据库，用于存储和处理数据，我们可以通过使用服务器端的语言（如Node.js、Python等）来连接MongoDB，然后通过这些服务器端的语言生成HTML页面。

创新互联是一家从事企业网站建设、网站设计制作、做网站、行业门户网站建设、网页设计制作的专业的建站公司，拥有经验丰富的网站建设工程师和网页设计人员，具备各种规模与类型网站建设的实力，在网站建设领域树立了自己独特的设计风格。自公司成立以来曾独立设计制作的站点数千家。

以下是一个简单的示例，展示如何使用Node.js和Express框架连接MongoDB，并将数据显示在HTML页面上：

1、我们需要安装Node.js和Express框架，你可以在Node.js的官方网站下载并安装Node.js，然后在命令行中输入以下命令来安装Express框架：

npm install express

2、接下来，我们需要创建一个Express应用，在命令行中输入以下命令来创建一个名为app.js的文件，并在其中输入以下代码：

const express = require('express');
const app = express();
const port = 3000;
app.get('/', (req, res) => {
  res.sendFile(__dirname + '/index.html');
});
app.listen(port, () => {
  console.log(Server is running at http://localhost:${port});
});

这段代码创建了一个Express应用，并设置了一个监听3000端口的服务器，当用户访问根路径（’/’）时，服务器会返回一个名为index.html的文件。

3、现在，我们需要创建一个名为index.html的文件，并在其中添加一些HTML代码和一个JavaScript脚本来连接MongoDB并显示数据，在命令行中输入以下命令来创建一个名为index.html的文件，并在其中输入以下代码：

  
  
  
  


  
MongoDB Data
  

  

4、接下来，我们需要在index.html文件中添加一些JavaScript代码来连接MongoDB并显示数据，在