HTML无法调用数据库。通常的最发是server端连接和操作数据库，然后将信息用json串的形式发送到前端，前端解析json串获取数据并填充到界面。
如果你是希望在一个html文件中，访问数据库就需要server端技术，可以选择JSP、php、ASP.NET等，这些技术可以实现在前台调用后端数据库。不过这是非常危险且不安全的做法，不建议你应用到实际项目中。
第一步：创建一个javaweb项目。
1、打开myeclipse file --》new--》web project，具体操作如下图所示。
创建表语句，插入测试信息。
1、web项目引入mysql连接数据库驱动包放入lib目录下。执行build path命令如下图所示。
1、将项目部署到tomcat服务器中。
2、启动tomcat服务器开始测试。
3、打开谷歌浏览器输入地址，结果如下图所示测试成功。
在VSCode中写前端，一般来说需要使用后端语言创建API，并在前端中通过AJAX或Fetch等方式发起请求获取数据并展示。以下是一个连接数据库的一般流程：
1. 首先需要选择一个后端语言，如Node.js、Python、Java等，并在后端中连接数据库。
2. 在后端中创建API，用于处理前端发起的请求并返回相应数据。在API中可以使用数据库操作方法（如查询、插入、更新、删除等）来获取或更新数据。
3. 在前端中使用AJAX或Fetch等方式发起请求获取数据。例如，在JavaScript中可以使用Fetch API来获取后端返回的数据：
const url = 'http://localhost:3000/data'; //假设数据API的路径为/data
console.log(data); //数据在这里处理和使用
需要注意的是，连接数据库时需要谨慎处理敏感信息和进行安全验证。另外，不同数据库有不同的连接方式和操作方法，需要根据具体的数据库类型和版本进行相应的配置和使用。
关于这个问题，连接数据库的方法有多种，以下是其中两种常见的方法：
前端与数据库直接连接不安全，一般情况下，需要通过后端提供的接口来间接连接数据库。前端通过发送请求给后端，后端将请求处理后返回数据给前端，实现前端与数据库的交互。
例如，前端使用axios等工具向后端发送请求，后端使用Node.js提供的mysql模块连接数据库，将结果返回给前端。
ORM(Object Relational Mapping，对象关系映射)框架可以将数据库中的表映射为对象，通过操作对象来操作数据库，使得操作数据库更加简单便捷。
例如，前端使用Sequelize等ORM框架，直接通过JS代码对数据库进行操作，ORM框架会自动转化为SQL语句执行，从而实现前端与数据库交互。