HTML - 技术教程文章
html中#include file的使用方法
有两个文件a.htm和b.htm，在同一文件夹下a.htm内容例如以下 <!-- #include file="b.htm" -->b.htm内容例如以下 今天：雨 31 ℃～26 ℃ <br />明天：雷阵雨 33 ℃～27 ℃直接在浏览器中打开a，没有不论什么显示，后来知道，include是SSI（Server Side Include），在html中不支持include，之后把a.htm改成a.aspx，而且在将该页面公布在iis上，然后a.aspx就能够看到内容了。在html中想达到这种效果，能够使用iframe标签，直接在网上找...
[udemy]WebDevelopment_HTML5【代码】【图】
Build Your First Website 装一个subline text HTML default rule tags with opening and closing 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Jennifer‘s first website</title> 5 </head> 6 <body> 7 Hello world !!!! 8 </body> 9 </html> DEVELOPER FUNDAMENTALS:IIIdoctype says, hey just a heads up a file is going to use HTML5The senior developers get good salaries and good jobs are the ones ful...
html和css的联系【图】
前几天学习了一点html，今天团队为做项目一起学习时，又了解到了新的东西———css，通过组内队员的指导和对一些网站（三翼）的分析，发现了html和css之间联系密切。根据从网上了解的资料，发现html与css的联系如下： 1、HTML定义网页的结构，主要让页面的内容结构化、块状化！ 2、CSS控制HTML的标签，定义所需要的样式，使得结构和样式独立开来，这样使得样式和结构分离，达到了我们的初衷：内容更加清晰可读。在有了CSS之...
HTML - 文本格式化
HTML格式化标签HTML使用标签<b>("bold")与<i>("italic")对输出的文本进行格式化。这些HTML标签被称为格式化标签。HTML常用文本格式化标签<b>:定义粗体<em>:定义着重文字<i>:定义斜体字<small>:定义小号子<strong>:定义加重语气<sub>:定义下标字<sup>:定义上标字<ins>:定义插入字<del>:定义删除字HTML"计算机输出"标签<code>:定义计算机代码<kbd>:定义键盘码<samp>:定义计算机代码样本<var>:定义变量<pre>:定义与定义文本HTML引文、...
XPath语法 在C#中使用XPath示例 【转http://www.cnblogs.com/yukaizhao/archive/2011/07/25/xpath.html】非常详细的文章【代码】
XPath语法 在C#中使用XPath示例 XPath可以快速定位到Xml中的节点或者属性。XPath语法很简单，但是强大够用，它也是使用xslt的基础知识。示例Xml：<?xml version="1.0" encoding="utf-8" ?> <pets><cat color="black" weight="10"><price>100</price><desc>this is a black cat</desc></cat><cat color="white" weight="9"><price>80</price><desc>this is a white cat</desc></cat><cat color="yellow" weight="15"><price>80</pri...
angularjs中避免被转义，HTMl标识能被识别，可以正常链接，下载！
http://www.cnblogs.com/sxz2008/p/6434036.html如果希望正常解析html代码，如下：var app = angular.module(‘main.app‘, [‘bw.paging‘, ‘cbc.datePicker‘, ‘angular-popups‘]).filter( ‘to_trusted‘, [‘$sce‘, function ($sce) { return function (text) { return $sce.trustAsHtml(text); } }] );注意加下划线部分<div class="bdall br4 w484 pull-left ml4 pall6" ng-bind-html="selectedmessages....
待解决html--
Fragment懒加载和ViewPager的坑:http://www.cnblogs.com/dasusu/p/5926731.html;使用属性动画碰到的困惑及讲解-http://www.cnblogs.com/dasusu/p/5744421.html;你应该知道的那些Android小经验-http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2016/0329/4102.html;如何使用SQLite，Android上SQLite的最佳实践-http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2013/0303/950.html;android Intent传递对象和集合-htt...
我到 vim 配置文件---------修改从---http://www.cnblogs.com/ma6174/archive/2011/12/10/2283393.html
""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 显示相关 """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""set shortmess=atI " 启动的时候不显示那个援助乌干达儿童的提示 "winpos 5 5 " 设定窗口位置 "set lines=40 columns=155 " 设定窗口大小 "set nu " 显示行号 set go= " 不要图...
HTML5页面增强元素【代码】
<mark>、<figure>、<figcaption>、<details>、<summary>、</progress>、<ol>(新增属性)<!DOCTYPE html><html><head><meta charset="utf-8"><title>页面增强元素</title></head><body><!--mark元素，高亮或标记--><p>纪念中国人民<mark>抗日</mark>战争暨世界反法西斯战争胜利70周年阅兵式（简称9·3阅兵，或者抗战胜利日大阅兵），是中国政府为纪念中国人民抗日战争暨世界反法西斯战争胜利70周年而开展的众多纪念活动中的一项活动。...
html页面滚动条-scrollbar样式（MDB风格）
.scrollbar { background: #fff; overflow: auto; overflow-x: auto; overflow-y: auto; }.scrollbar-primary::-webkit-scrollbar { width: 12px;/*滚动条宽度*/ background-color: #F5F5F5;}.scrollbar-primary::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color: #4285F4;}/*********...
HTML 特殊符号编码对照表
原文:HTML 特殊符号编码对照表特殊符号命名实体十进制编码特殊符号命名实体十进制编码特殊符号命名实体十进制编码ΑΑΒΒΓΓΔΔΕΕΖΖΗΗΘΘΙΙΚΚΛΛΜΜΝΝΞΞΟΟΠΠΡΡΣΣΤΤΥΥΦΦΧΧΨΨΩΩααββγγδδεεζζηηθθιικκλλμ...
完整的堆栈JavaScript路（十五）HTML5 focus 扩大 (扩展点)
HTML5 加入辅助管理 focus 产品特点, 有办法获得焦点文档; 页面加载，用户输入(通常由tab债券)。和 调用代码focus()功能. HTML5新的属性和方法，辅助管理的重点: document.activeElement 财产， 元素。文档载入期间 值为null, 文档载入完毕,保存得是 document.body 的引用。 document.hasFocus()方法， 确定一个文档是否具有焦点。查询文件获悉该元素具有焦点，并确定该文件是否具有焦点，两个最重要的...
shell——html抓取链接
由url获得源码：wget -O url $html_file $input_file去掉注释<!--.*--> : sed -i -e ":begin;/<!--/,/-->/ {/-->/!{$!{N;b begin};};s/<!--.*-->//;};" $html_file -i:直接在原文件上修改，-e：同时执行多条命令首先花括号{}代表命令块的开始，类似c的语法，后面就不再说了。:begin，这是一个标号，man中叫做label，也就是跳转标记，供b和t命令用，本例中使用了b命令。/<<</,/>>>/，这是一个地址范围（Addresses），后面{}中的命令...
HTML1118,表格与表单【代码】
<!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=utf-8"/><title>表格与表单</title></head><body><table bgcolor="#00FF33" align="center" border="0" width="400" height="500" cellpadding="0" cellspacing="0"> 边框为零可去掉<...
初探html5---Video + DOM(视频播放)【代码】
1:HTML5 开发环境下 lang="en"2:<video width="320" height="240" controls="controls"> 其中 controls="controls" controls 属性供添加播放、暂停和音量控件。<div style="text-align:center"> <button onclick="bigen()">播放/暂停</button> <button onclick="big()">大</button> <button onclick="centre()">中</button> <button onclick="small()">小</button></br><video id="video1" width="420" style="margin-top;15...
html+css 关于transform的scale()缩放产生白边的问题【代码】【图】
首先是没有进行缩放的图 进行缩放后 代码：<style type="text/css">* {margin: 0px;padding: 0px;}#i {width: 300px;height: 500px;float: left;background-color: cornflowerblue;transform: scale(0.8);-webkit-transform-origin: 0 0;}#m {float: left;background-color: aquamarine;width: 300px;height: 500px;}</style></head><body><!-- 第一块 --><p id="i">...
利用HTML5的devicemotion事件实现手机摇一摇抽奖，年会抽奖【代码】【图】
摇一摇JS脚本逻辑：接下来是移动端JS脚本逻辑的实现，摇一摇的实现需借助html5新增的devicemotion事件，获取设备在位置和方向上的改变速度的相关信息，该事件的基本使用如下：if (window.DeviceMotionEvent) {window.addEventListener(‘devicemotion‘, handler, !1);lastTime = new Date(); } else {alert(‘你的浏览器不支持摇一摇功能.‘); }devicemotion事件对象中有一个accelerationIncludingGravity属性，该属性包括：一个包...
如何实现批量截取整个网页完整长截图,批量将网页保存成图片web2pic/webshot/screencapture/html2picture【图】
如何实现批量截取整个网页完整长截图,批量将网页保存成图片web2pic/webshot/screencapture【困扰？疑问？】：您是否正受到：如何将网页保存为图片的困扰？网页很高很长截图截不全怎么办？怎样才能完整截图？有很多淘宝或天猫、京东店铺爆款商品宝贝需要截图，那么多嫩不能批量截图？网红微信公众号文章、名人微博文章很好，如何保存成图片收藏下来或者自己加工成高流量文章？网页设计师看到很有设计感的网页或者感兴趣的网页如何批...
HTML表格与列表【代码】【图】
HTML表格表格其实就是很多的小单元格，而这些小单元格很有次序的排列着，它们有很多行，很多列。这些很多行列组成的东西，就叫表格，表格是<table>标签来定义的。而<table>标签中的行就是<tr>标签，而列就是<td>标签，必须先定义行才能定义列。因为html中，每一列是在一行当中的。下表总结了一些常用的标签：表格描述<table>定义表格<caption>定义表格标题<th>定义表格的表头<tr>定义表格的行<td>定义表格的单元<thead>定义表格的页...
HTML/CSS笔记归纳整理
前言: 前端无非就是围绕标签、属性、属性值这三个词展开的.*HTML基本语法: 1. 常规标签 <标签 属性1="属性值1" 属性2="属性值2"></标签> # 一个标签可以没有属性也可以有多个属性, 属性和属性之间不分先后顺序. 2. 空标签 <标签 属性1="属性值1" 属性2="属性值2" /> # 空标签没有结束标签, 用"/"代替.*HTML标题: <h1>这是一个标题</h1> 最重要的(字体最大) <h2>这是一个标题</h...
JavaScript学习笔记——jquery中html()、text()、val()的区别
.html()用为读取和修改元素的HTML标签.text()用来读取或修改元素的纯文本内容.val()用来读取或修改表单元素的value值。这三个方法功能上的对比.html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的HTML内容（包括其Html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上...
【我的前端自学之路】【HTML5】Web Socket【图】
以下为自学笔记内容，仅供参考。 转发请保留原文链接：https://www.cnblogs.com/it-dennis/p/10508118.html什么是Web SocketWebSocket 协议本质上是一个基于 TCP 的协议。为了建立一个 WebSocket 连接，客户端浏览器首先要向服务器发起一个 HTTP 请求，这个请求和通常的 HTTP 请求不同，包含了一些附加头信息，其中附加头信息"Upgrade: WebSocket"表明这是一个申请协议升级的 HTTP 请求，服务器端解析这些附加的头信息然后产生应答...
python ：HTML+CSS （Position）【代码】【图】
position_fixed固定在某一个页面上<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>.pg_head{height: 60px;background-color: black;color: white;position: fixed;/*position头部固定*/top :0;left:0;right:0;}.pg_body{background-color:#dddddd;height: 5000px;margin-top: 20px;}</style></head><body><!--position fixed--><div class="pg_head"> 头部</div><div class="pg_body">内...
根据地理信息绘画的html5 小游戏 - 简单实现【代码】【图】
好久没写文章了，之前一直有一个想法，就是做一个根据用户行走的路线，获取地理位置，然后把它们绘制出来，最后产生的效果，类似蜗牛行走留下的痕迹。最近思考了一下，搭了一个https，简单实现了一下，提供一下思路给大家看看，具体的细节还有很多需要完善。demo：demo页面地址： （不会泄露你的隐私，请用移动端访问，耐心等待位置获取）https://www.yudonghan.com/snail/1.地理信息接口要做这样一个东西首先要去了解html5提供了哪...
html常用标签【图】
2020-04-06 每日一例第28天1.标签表示；换行：<br/>；段落：<p></p>；居中：<center></center>；加粗：<b></b>；下划线：<u></u>；斜体：<i></i>；字体：<font></font>；分割线：<hr></hr>；空格： ；小于：<；大于：>；标题1-6：<h1></h1>；2.例题代码； 3.效果； 原文：https://www.cnblogs.com/ljs7490/p/12650435.html
webpack2使用ch4-向根目录index.html文件传参并使用参数 使用线上资源 压缩html【代码】【图】
1 webpack.config.js const webpack = require(‘webpack‘),htmlWebpackPlugin = require(‘html-webpack-plugin‘),path = require(‘path‘);module.exports = {entry: {main: ‘./src/script/main.js‘,a: ‘./src/script/a.js‘},output: {path: path.resolve(__dirname, ‘./dist‘),filename: ‘js/[name]-[chunkhash].js‘,publicPath: ‘http://cdn.com/‘ //path输出的时候的目录 publicPath理解为占位符，需要上线地址 ...
ajax innerHTML 拼接js 不执行，呈现解决方法
源代码：$.ajax({url : "<%=request.getContextPath()%>/cartree/testCartree.action",type : "GET",cache : false,async : false,data : {"method" : "selFun"},dataType : "json",contentType: "application/x-www-form-urlencoded; charset=utf-8", success : function(json){var lsgj_tree_context = "<script type=\"text/javascript\">"+"c = new dTree(\"c\");"+"c.config.useCookies = false;"+"c.config.useStatusText = ...
用Filter程序实现静态HTML页面的访问保护【代码】
今天为练习Filter的用法编写了一个小程序.当用户通过article的超链接读取文章的时候,会通过Filter进行检测有没有登录.只有登录的读者才能跳到文章页面,否则跳到登录页面. 文章就用简单的article1 和article2 的html页面来表示这是Filter的代package a2;import java.io.IOException; import java.io.UnsupportedEncodingException;import javax.servlet.Filter; import javax.servlet.FilterChain; import javax.servlet.FilterConf...
一些常用的html css整理--文本长度截取【代码】
div+css设置列表div超出部分显示...（单行文本）width:200px; //指定宽度： overflow:hidden; //将超出内容隐藏 text-overflow:ellipsis; //文本溢出时显示省略标记。 white-space:nowrap; //强制内容不换行。强制在同一行内显示所有文本，直到文本结束或者遭遇 br 元素现在的浏览器都支持text-overflow:ellipsis属性，用来实现单行文本的溢出显示省略号，但是这个属性并不支持多行文本。多行文本处理，来源于http://c7sky.com/tex...
HTML表格边框的设置小技巧【图】
对于很多初学HTML的人来说，表格<table>是最常用的标签了，但对于表格边框的控制，很多初学者却不甚其解。对于很多初学HTML的人来说，表格<table>是最常用的标签了，但对于表格边框的控制，很多初学者却不甚其解。一般我们用表格的时候总会给它个border属性，比如：<table border="1">，其效果如下：对于很多初学HTML的人来说，表格<table>是最常用的标签了，但对于表格边框的控制，很多初学者却不甚其解。一般我们用表格的时候总会...