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

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

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

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

npm install express

2、接下來(lái)，我們需要?jiǎng)?chuàng)建一個(gè)Express應(yīng)用，在命令行中輸入以下命令來(lái)創(chuàng)建一個(gè)名為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)建了一個(gè)Express應(yīng)用，并設(shè)置了一個(gè)監(jiān)聽3000端口的服務(wù)器，當(dāng)用戶訪問根路徑（’/’）時(shí)，服務(wù)器會(huì)返回一個(gè)名為index.html的文件。

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

  
  
  
  


  
MongoDB Data
  

  

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