HTML - 技术教程文章
html表格合并（行，列）【图】
<table><tr><td colspan="2">失败的实例：</td></tr>{% for ip , jieguo in reason.iteritems() %}<tr><td colspan="2">{{ ip }}</td></tr>{% for l, r in jieguo.iteritems() %}<tr><td>{{ l }}</td><td>{{ r }}</td></tr>{% end %}{% end %} </table>上面是列合并下面是行合并<table><tr><th rowspan="2"></th></tr> </table>原文：http://blog.csdn.net/smallfish1983/article/details/38379111
在进行 ASP.NET 开发时，有时候需要对页面输出的最终 HTML 源代码进行控制
在进行 ASP.NET 开发时，有时候需要对页面输出的最终 HTML 源代码进行控制，是页面的 render 方法中很容易实现这个功能。下面就是一个实现的方法，注释都在代码中。 [c-sharp] view plaincopy <%@ Page Language="C#" %> <%@ Import Namespace="System.IO" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"> protec...
关于html的小bug【代码】【图】
废话不说 看代码 因为最近比较忙 所以不闲聊了啊<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>bug</title><style type="text/css">*{margin: 0px; padding: 0px; border: 0;}body{padding: 100px;}div{width: 800px; margin: auto;}input{ display: inline-block; width: 300px; height: 36px; line-height: 36px; font-size: 24px; border: 1px solid red; vertical-align: top;}a{ display: inline-blo...
Html与Css关联到一起【代码】
在HTML文件中使用Link标签连接独立的Css文件 将Link标签放在head标签中 like标签是空标签，只写开始标签，不写结束标签 我们需要为like标签设置一些属性 type的值设置为text/css，通知浏览器将要加载一个css文件。 rel（relationship关联）的值设置为stylesheet，通知浏览器被关联的文件是定义页面样式的。 href属性的工作原理和A标签中相同，url地址。 这样就和css管关联了，我们设置样式就在Htcss里面设置就好...
html5笔记
1元素指的是从开始标签到结束标签的所有代码<br/>换行，但是换行的间距跟p标签的间距不同空元素在开始标签中进行关闭大多数的html元素可拥有属性大多数的html元素都是可以嵌套的 html属性：1标签可以拥有属性为元素提供更多的信息2属性以键值对的形式出现3常用标签属性：<h1>:align对其方式<body>:bgcolor背景颜色<a>:target规定在何处打开链接（新的页面，默认的是当前页面，一共是4个）4通用属性：class：规定元素的类名id:规定元...
HTML 获取select标签内option对应得值
示例代码：<h3>视频标题：<select id="l_id">{% for item in ress %}<option value="{{ item.id }}" >{{ item.leibie }}</option>{% endfor %}</select></h3> script中获取选中得值var type_id = $("#l_id option:selected").val() 原文：https://www.cnblogs.com/wjohh/p/10816448.html
html设定快捷键【代码】
<!-- 设定访问某元素的快捷键 --><a href="http://www.baidu.com" accesskey="a">使用快捷键(Alt+A)访问指定网页百度</a><!-- 设定使用Tab按序遍历元素 --><a href="#" tabindex="1">tab1</a><br/><a href="#" tabindex="4">tab4</a><br/><a href="#" tabindex="3">tab3</a><br/>特别注意: 在使用时,不一定所有浏览器都支持原文：http://www.cnblogs.com/JavaTWW/p/5905914.html
[转]使用 HTML5 IndexedDB API【代码】
本地数据持久性提高了 Web 应用程序可访问性和移动应用程序响应能力索引数据库 (IndexedDB) API（作为 HTML5 的一部分）对创建具有丰富本地存储数据的数据密集型的离线 HTML5 Web 应用程序很有用。同时它还有助于本地缓存数据，使传统在线 Web 应用程序（比如移动 Web 应用程序）能够更快地运行和响应。本文将介绍如何管理 IndexedDB 数据库。 HTML5 的一个重要特性是本地数据持久性，它使用户能够在线和离线访问 Web 应用程序。此...
html中自动分配界面【代码】
在项目中需要用到一个自动分配内容的功能，即设置两个并列的div如果下方的div关闭，上方的div占满整个屏幕，当下方div出现时，两个div各占界面的50%<div id="appContainer"><div id="viewDiv"></div><div class="container" id="container"><div id="tableDiv"></div></div></div>css设置 #appContainer {display: flex;flex-direction: column;height: 100%;width: 100%;}#viewDiv {/* height: 50%; */flex: 1;width: 100%;}.cont...
Swagger接口如何生成Html离线文档【代码】【图】
A very simple tool that converts Swagger Api Document to Html File.小记Swagger接口生成Html离线文档由来很多人用swagger2markup以及asciidoctor-maven-plugin插件来生成html格式的文档。由于swagger2markup依赖的asm库版本较低, 且依赖较多, 容易与项目中依赖的核心库冲突。所以, 干脆把Swagger接口文档转为Html文档独立出来, 做成一个小工具, 这样就清爽干净多了！使用# 下载源码 git clone https://github.com/iflyendless/...
JS 在 HTML 无缝滚动【代码】
marquee图片无缝滚动先了解一下对象的几个的属性：innerHTML: 设置或获取位于对象起始和结束标签内的 HTMLscrollHeight: 获取对象的滚动高度。scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop: 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth: 获取对象的滚动宽度offsetHeight: 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft: 获取...
html css 笔记
cursor其他取值 鼠标移入 auto ：标准光标 default ：标准箭头 pointer ：手形光标 wait ：等待光标 text ：I形光标 vertical-text ：水平I形光标 no-drop ：不可拖动光标 not-allowed ：无效光标 help ：帮助光标 all-scroll ：三角方向标 move ：移动标 crosshair ：十字标Html5中标签（包括新增常用）...
HTML元素事件
事件触发模型简要说明onclick鼠标单击链接ondbclick鼠标双击链接onmousedown鼠标在链接的位置按下onmmouseout鼠标移出链接所在的位置onmouseover鼠标经过链接所在的位置onmouseup鼠标在链接的位置放开onkeydown键被按下onkeypress按下并放开该键onkeyup键被松开onblur失去焦点onfocus获得焦点onchange文本内容改变原文：http://www.cnblogs.com/mianfen/p/5617950.html
HTML学习笔记NO.2【图】
HTML提交表与PHP交互环境搭建需要的东西：1.集成开发包：简化了各个软件的安装与交互环境的搭建，可以从官网直接下载有各大操作系统平台下的版本 XAMPP Apache + MySQL + PHP + Perlhttps://www.apachefriends.org/zh_cn/index.html这个是安装完成的控制平台，可以集成化的控制 Apache、MySQL等控制，很是方便2.Eclipse软件---在码农群体中广为流传http://www.eclipse.org/downloads/然后在Eclipse中安装支持PHP开发环境的插件包：...
第一阶段 XHTML.列表
一位初学php的随堂笔记，记录自己的成长！一.HTML实体(HTML Entities) 1.HTML实体w3c规定在浏览器中看到的特殊符合 例如: < > " ‘ &等必须用HTML实体实现 < =========== <； > ============ > " =============" ‘ ============= & ==============& 不间断空格 ====== 版权 =========== © 商标 =========== ®二.列表(List) （1）无序列表 <ul type="disc默认值|square|circ...
ODOO Unable To Find Wkhtmltopdf On This System. Error/Bug ?
If you are using ODOO version 8 and getting some error like –Unable to find Wkhtmltopdf on this system. The report will be shown in html.It means you need to upgrade the version of Wkhtmltopdf library on your server.Let me elaborate this problem first-As we all know, when we install ODOO-version 8 on the server, we have also install some necessary libraries too like – python-decorator, python-we...
HTML5 indexedDB前端本地存储数据库实例教程 （转载）【代码】【图】
一、indexedDB为何替代了Web SQL Database？跟小朋友的教育从来没有什么“赢在起跑线”这种说法一样，在前端领域，也不是哪来先出来哪个就在日后引领风骚的。HTML5 indexedDB和Web SQL Database都是本地数据库数据存储，Web SQL Database数据库要出来的更早，然并卵。从2010年11月18日W3C宣布舍弃Web SQL database草案开始，就已经注定Web SQL Database数据库是明日黄花。未来一定是indexedDB的，从目前浏览器的兼容性来看，也表明...
HTML和CSS必须知道的重点难点问题【代码】
一、如何让一个不定宽高的div,垂直居中？ 1、使用flex布局，只需要在盒子的父级设置如下代码即可：.className{display:flex;justify-content:center;align-items:center; } 2、使用css3transform布局: 父级盒子设置：{ position:relative;} div设置：{ transform:translate(-50%,-50%);position:ansolute;top:50%;left:50%;} 3、使用 display:table-cell 方法 父级盒...
jQuery中使用data()方法读取HTML5自定义属性data-*实例
如果你使用jQuery类库，那么你可以非常愉悦的使用jquery的data()方法存取data-* 自定义属性，方法允许我们在DOM元素上绑定任意类型的数据,避免了循环引用的内存泄漏风险主要的方法如下：复制代码代码如下:.data( key, value ).data( obj ).data( key ).data()从jQuery 1.4.3起， HTML 5 data- 属性 将自动被引用到jQuery的数据对象中。例如HTML：复制代码代码如下:<div data-role = "page" data-last-value = "43" data-hidden = "...
SAP alv（lvc）的抬头标题设定（html_top_of_page）【代码】【图】
对alv的抬头标题设置方法 方法1：通过class：cl_dd_document设定call alv CALL FUNCTION ‘REUSE_ALV_GRID_DISPLAY_LVC‘ EXPORTING i_callback_program = sy-repid i_callback_pf_status_set = ‘FRM_PF_STATUS_SET‘ i_callback_user_command = ‘FRM_USER_COMMAND‘ i_callback_html_top_of_page = ‘HTML_TOP_OF_PAGE‘ is_layout_lvc = gwa_lay it_f...
html5中checkbox的选中状态的设置与获取【代码】
获取checkbox是否选中：$("#checkbox").is(":checked");获得的值为true或false。 设置checkbox是否选中：$("#checkbox").attr("checked", true);//设置为选中状态 $("#checkbox").attr("checked", false);//设置为未选中状态 原文：https://www.cnblogs.com/lhlong/p/11253536.html
文件上传小技巧/原生态【html篇】【代码】
引语：大家都知道，html中上传文件就一个input，type=file就搞定了。但是，这个标签的样式，实在不值得提点什么，要改动他的样式，恐怕也是较难的。但是其实挺简单，今天就来说说上传文件小技巧吧！ 1. 怎样自定义样式？ 1. 只管按照自己喜欢看到的样式去定义即可，如<a href=‘javascript:;‘ class=‘upload-button‘></a>,可以是背景图片效果，可以是文字指示，总之想怎么改怎么改！有了按钮，还需要一个文件名容器，...
9_css样式4.html【代码】
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>css样式4</title><style type="text/css">@import url("style.css");</style></head><body><p>1.什么是web标准？</p><p>2.web标准的目的？</p><p>3.采用web标准的好...
摘自（http://www.ruanyifeng.com/blog/2011/07/linux_load_average_explained.html）
理解Linux系统负荷 作者： 阮一峰一、查看系统负荷如果你的电脑很慢，你或许想查看一下，它的工作量是否太大了。在Linux系统中，我们一般使用uptime命令查看（w命令和top命令也行）。（另外，它们在苹果公司的Mac电脑上也适用。）你在终端窗口键入uptime，系统会返回一行信息。这行信息的后半部分，显示"load average"，它的意思是"系统的平均负荷"，里面有三个数字，我们可以从中判断系统负荷是大还是小。为什么会有三个数字呢？你...
HTML5与CSS响应式图片
随着 Retina 屏幕的逐渐普及，网页中对图片的适配要求也越来越高。如何让图片在放大了两倍的 Retina 屏幕显示依然清晰，曾经一度困扰着网页开发者，好在CSS3 与 HTML5 已经着力在改变这种现状。那么到底什么是响应式图片呢？ 什么是响应式图片？ 响应式图片是指：用户代理根据输出设备的分辨率不同加载不同类型的图片，不会造成带宽的浪费。同时，在改变输出设备类型或分辨率时，能及时加载对应类型的图片。UI前端框架最新力作！有...
html 不刷新切换当前页面内容【图】
一个小功能，做个笔记：操作流程是：导航产品有三个下拉子菜单，点击食品跳转，同时跳转出来的子页面中，选中食品这个当前项。切换 食品 厨具 家电 三个选项卡在刷新页面的时候仍然停留在当前选中的选项。1、使用选项卡来做应该是可以的，但是要处理一个在刷新的时候，保证选中当前项2、我做的基本的思路：上面是全部代码，就是判断url中锚点的值来，判断div的显示和隐藏，这样可以保证刷新的时候仍会在当前页面。 原文：http...
HTML基础知识【代码】【图】
一.基本知识HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 标记标签通常被称为 HTML 标签 (HTML tag) <标签>内容</标签>HTML 元素包含了开始标签与结束标签，元素的内容是开始标签与结束标签之间的内容，元素属性是 HTML 元素提供的附加信息。基本HTML 网页结构如下，body标签内的才是我们在浏览器上所视内容<!DOCTYPE html><html><body><h1>我是第一个标题</h1><p>我是第一个段落。</p></body></html><!DOCTYPE h...
HTML 之 文本样式【代码】
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>文本样式</title><style type="text/css">.name1{font-style: oblique;/*微微倾斜*/letter-spacing: 30px;/*字母间距*/word-spacing: 100px;/*单词间距*/line-height: 30px;/*行高*/text-indent: 60px;/*首行缩进*/text-decoration: underline;/*字体下划线*/}/*文本阴影(可用于防止别人复制自己文本),形参是 x偏移，y偏移，模糊程度*/.name2{font-family: 方...
PHPCMS V9静态化HTML生成设置及URL规则优化
最近有客户在进行网站优化的时候，具体问道Phpcms V9怎么样静态化、伪静态的问题，之前有分享过“Phpcms自定义URL规则技巧”，不过那只是原理，今天在这里，与大家从使用的角度上，具体分享实际的使用操作方法。先讲讲Phpcms V9在后台怎么设置生成静态化HTML，之后再讲解怎么自定义URL规则，进行URL地址优化。在这一篇中，伪静态就不涉及了，大家可以移步到Phpcms V9全站伪静态设置方法。 一、静态化HTML生成设置 进入PHPCMS V9后台...
调用HtmlTestRunner生成测试报告为空【代码】
【环境信息】Python3.6+selenium3.0.2+HtmlTestRunner0.8+Firefox50+Win7【问题描述】1.HtmlTestrunner是unittest的一个扩展，目前在网上下载的版本是0.8，由于和Python3存在不兼容的地方，所以运行时会报错或报告为空。【解决方案】1.参考博客：http://blog.csdn.net/liujingqiu/article/details/50518776根据该博客的描述，修改HtmlTestrunner.py文件后再运行脚本。博客正文粘贴如下（博客为转载：http://blog.csdn.net/liujingq...