使用 CSS 可以使 HTML 表格更美观
CSS语言是嵌入在HTML语言中的，不能脱离HTML存在，例如：
<!DOCTYPE html># 声明是HTML5格式
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style># 声明下面是CSS格式语句：定义文本的格式包括居中字体大小颜色等，以及背景颜色等
body
{
background-color:#d0e4fe;
}
h1# 分别针对标题及内容做格式
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
</style> #
</head>
<body>
<h1>CSS 实例!</h1># h1及p是标题及内容
<p>这是一个段落。</p>
</body>
</html>
可见HTML可以和数据库进行完全交互，交互形式与pysql一致。
var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024); # 创建/打开数据库
var msg;
db.transaction(function (tx) {
tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');
tx.executeSql('INSERT INTO LOGS (id, log) VALUES (1, "菜鸟教程")');
tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, "www.runoob.com")');
msg = '<p>数据表已创建，且插入了两条数据。</p>';
document.querySelector('#status').innerHTML = msg;
});# 执行插入/查找等
db.transaction(function (tx) {
tx.executeSql('SELECT * FROM LOGS', [], function (tx, results) {
var len = results.rows.length, i;
msg = "<p>查询记录条数: " + len + "</p>";
document.querySelector('#status').innerHTML += msg;
for (i = 0; i < len; i++){
msg = "<p><b>" + results.rows.item(i).log + "</b></p>";
document.querySelector('#status').innerHTML += msg;
}
}, null);
});