使用 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);
});