HTML是无法读取数据库的，HTML是页面前端脚本语言，要想从HTML网页中获取SQL数据库里的数据，需要借助JSP或ASP或PHP或RUBY等语言来实现。
SQL数据库的数据体系结构基本上是三级结构，但使用术语与传统关系模型术语不同。在SQL中，关系模式(模式)称为“基本表”(base table)；存储模式(内模式)称为“存储文件”(stored file)；子模式(外模式)称为“视图”(view)；元组称为“行”(row)；属性称为“列”(column)。
扩展资料
SQL语言的组成：
1、一个SQL数据库是表(Table)的集合，它由一个或多个SQL模式定义。
2、一个SQL表由行集构成，一行是列的序列(集合)，每列与行对应一个数据项。
3、一个表或者是一个基本表或者是一个视图。基本表是实际存储在数据库的表，而视图是由若干基本表或其他视图构成的表的定义。
4.一个基本表可以跨一个或多个存储文件，一个存储文件也可存放一个或多个基本表。每个存储文件与外部存储上一个物理文件对应。
5.用户可以用SQL语句对视图和基本表进行查询等操作。在用户角度来看，视图和基本表是一样的，没有区别，都是关系(表格)。
6.SQL用户可以是应用程序，也可以是终端用户。SQL语句可嵌入在宿主语言的程序中使用，宿主语言有FORTRAN，COBOL和Ada语言等。
参考资料:百度百科▬SQL数据库
html是静态页面，因此，如果实现数据库动态调用，最好的方法就是使用AJAX技术，使用XMLHTTPrequest来请求。给一个示例吧：
function requestHttp(){
var request
if(window.XMLHttpRequest) {
request = new XMLHttpRequest()
if(request.overrideMimeType) {request.overrideMimeType('text/xml')
}
} else if(window.ActiveXObject) {
var versions = ['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Microsoft.XMLHTTP', 'Msxml2.XMLHTTP.7.0', 'Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP']
for(var i=0i<versions.lengthi++) {try
{request = new ActiveXObject(versions[i])break}
catch(e) {}
}}
return request
}
function xmlhttp(){
this.r=requestHttp()
}
xmlhttp.prototype.postopen=function(url,data){
this.r.open('POST',url,false)
this.r.setrequestheader("content-type","application/x-www-form-urlencoded")
this.r.onreadystatechange = ReadyStateChange(this)
if(typeof(data)=='undefined')
this.r.send()
else
this.r.send(data)
}
xmlhttp.prototype.getopen=function(url){
if(window.XMLHttpRequest) {this.r.open('GET',url)
this.r.onreadystatechange = ReadyStateChange(this)
this.r.send(null)
} else {
this.r.open("GET", url, true)
this.r.onreadystatechange = ReadyStateChange(this)
this.r.send()
}
}
ReadyStateChange=function(obj){
return function(){
if(obj.r.readyState==4){
obj.status=obj.r.status
obj.text=obj.r.responseText
obj.body=obj.r.responseBody
callpage()
}
}
}
把这个别存为Shopajax.js
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript" src="shopajax.jss"></script>
</HEAD>
<BODY>
<div id="as"></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
var ajax=new xmlhttp()
debugger
ajax.getopen("1.html")
function callpage(){
if(ajax.status==0){//本地为0，远程为200
var obj=eval('('+ajax.text+')')
document.getElementById("as").innerHTML="年纪："+obj.Age+"<br>薪水："+obj.Money
}
}
//-->
</SCRIPT>
</BODY>
</HTML>
这个随便存一个页面保存为index.html
{"Money":2000.00,"Age":21}
把这个存成一个1.html
保存完后，点击Index.html就可以看到Div里面有值了。值是从1.html里面取到的。这个过程实现 了Ajax
在HTML5之前的时代，如果需要在客户端本地保存数据，只能存储在Cookie中，但是 Cookie使用过多会影响请求速度 ，所以并不适合存储大量数据。 而在HTML5面世后，自带了本地存储和本地数据库功能，更为便捷的管理客户端数据。 HTML5提供了一个 基于浏览器端的数据库 （WebSQL 、IndexedDB），我们可以通过JS API来在浏览器端创建一个本地数据库，而且它还支持标准的SQL来执行CRUD操作。如何查看本地的数据库呢？通过各个 浏览器的调试工具 可以查看。在HTML5中操作本地数据库都是通过JS API来实现的，很简单，步聚如下：1、通过 openDatabase 创建数据库对象 2、通过 db.transaction 设置回调函数 3、通过 executeSql 方法执行查询HTML5默认情况下是无法连接远程数据库的，一般都是通过API去操作数据库。比如当下流行的前后端完全分离，借助的就是RESTful来实现业务数据的CRUD操作。 怎么会问这个问题，HTML是不可能链接数据库的，他是标签类语言，是用于构建静态页面的，要想链接数据库必须得支持网络通信和IO的，显然HTML并没有支持，HTML只是用来设计页面的。 我还以为我落伍了，h5连数据库
