HTML本身并不能直接連接MongoDB，因為HTML是一種標(biāo)記語言，用于創(chuàng)建網(wǎng)頁的結(jié)構(gòu)，而MongoDB是一種非關(guān)系型數(shù)據(jù)庫，用于存儲和處理數(shù)據(jù)，我們可以通過使用服務(wù)器端的語言（如Node.js、Python等）來連接MongoDB，然后通過這些服務(wù)器端的語言生成HTML頁面。

創(chuàng)新互聯(lián)是一家從事企業(yè)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計制作、做網(wǎng)站、行業(yè)門戶網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計制作的專業(yè)的建站公司，擁有經(jīng)驗豐富的網(wǎng)站建設(shè)工程師和網(wǎng)頁設(shè)計人員，具備各種規(guī)模與類型網(wǎng)站建設(shè)的實力，在網(wǎng)站建設(shè)領(lǐng)域樹立了自己獨特的設(shè)計風(fēng)格。自公司成立以來曾獨立設(shè)計制作的站點數(shù)千家。

以下是一個簡單的示例，展示如何使用Node.js和Express框架連接MongoDB，并將數(shù)據(jù)顯示在HTML頁面上：

1、我們需要安裝Node.js和Express框架，你可以在Node.js的官方網(wǎng)站下載并安裝Node.js，然后在命令行中輸入以下命令來安裝Express框架：

npm install express

2、接下來，我們需要創(chuàng)建一個Express應(yīng)用，在命令行中輸入以下命令來創(chuàng)建一個名為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});
});

這段代碼創(chuàng)建了一個Express應(yīng)用，并設(shè)置了一個監(jiān)聽3000端口的服務(wù)器，當(dāng)用戶訪問根路徑（’/’）時，服務(wù)器會返回一個名為index.html的文件。

3、現(xiàn)在，我們需要創(chuàng)建一個名為index.html的文件，并在其中添加一些HTML代碼和一個JavaScript腳本來連接MongoDB并顯示數(shù)據(jù)，在命令行中輸入以下命令來創(chuàng)建一個名為index.html的文件，并在其中輸入以下代碼：

  
  
  
  


  
MongoDB Data
  

  

4、接下來，我們需要在index.html文件中添加一些JavaScript代碼來連接MongoDB并顯示數(shù)據(jù)，在