zoukankan      html  css  js  c++  java
  • HTML与CSS

    使用 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);
    });
    
  • 相关阅读:
    致初学作曲的业余音乐爱好者 (转载)
    OpenGL教程 "Top Ten" (转载)
    开发者:我们应该在哪个层次编写代码?
    计算机科学数学理论浅谈 (转载)
    fltk2更新简介
    搜集的优良OpenGL教程 (转载)
    [转载] 跨平台C++程序开发系列文章
    通过HtppWebRequest发送图片到服务器并保存
    技术之外
    Hibernate写查询语句注意事项
  • 原文地址:https://www.cnblogs.com/Henry-ZHAO/p/14743594.html
Copyright © 2011-2022 走看看