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);
    });
    
  • 相关阅读:
    vijos 1894 セチの祈り
    luogu p1378 经验之谈
    審視自己
    高斯消去法的相關拓展
    通用汇点
    重征之战
    有文化的人吟了一句诗
    2016年7月总结
    BZOJ 1026: [SCOI2009]windy数
    BZOJ 1047: [HAOI2007]理想的正方形
  • 原文地址:https://www.cnblogs.com/Henry-ZHAO/p/14743594.html
Copyright © 2011-2022 走看看