HTML - 技术教程文章
html+css实现购物显示【图】
<strong><span style="font-size:12px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title>MyHtml.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=gb2312"><style type="text/css">*{margin:0px;padding:0px;}#web{width:1020px;hei...
HTML5拖放功能
基本概念在HTML5中，任何元素都可以拖放，Drap和Drop。拖放属于HTML事件中的Mouse事件。实例讲解代码地址：JS Bin... <body><div id="end-area" class="area"></div><img id="start-area" draggable="true" src="http://pic1.zhimg.com/d80d9ff11c28c19123bc75a27d3c1df8_l.jpg"> <script id="jsbin-javascript"> var img = document.getElementById("start-area"); img.ondragstart = function(event) {event.dataTransfer.setDa...
web基础，用html元素制作web页面【代码】【图】
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Mis问答平台</title></head><body><h1>mis问答系统</h1><h2>2015</h2><div id="container" style="width: 300px"><div id="header" style="background-color: darkorange"><h2 align="center">登陆界面</h2></div><div id="content"><form> 用户名：<input type="text" placeholder="请输入账号"><br>密码 ：<input type="password" placeholder="请输入密...
HTML5兼容
标签 ?针对IE6-8这些不支持HTML5语义化标签的浏览器我们可以使用javascript来解决他们方法如下： 在页面的头部加下： <script> document.createElement(“header”); document.createElement(“nav”); document.createElement(“footer”); …… </script> l样式 ?HTML5语义化标签在IE6-8下，我们用js创建出来之后，他是不会有任何默认样式的甚至是 display，所以在样式表里要对这些标签定义一下 它默认的display <!DOCTYPE HTML>...
用php解析html的实现代码
最近想用php写一个爬虫，就需要解析html，在sourceforge上找到一个项目叫做PHP Simple HTML DOM Parser，它可以以类似jQuery的方式通过css选择器来返回指定的DOM元素，功能十分强大。 首先要在程序的开始引入simple_html_dom.php这个文件 复制代码 代码如下:include_once(‘simple_html_dom.php‘); PHP Simple HTML DOM Parser提供了3种方式来创建DOM对象 复制代码 代码如下:// Create a DOM object from a string $html = str_ge...
Html中的img标签 加载失败【代码】
在Http请求时，有时会遇到img图片标签加载失败，不显示的情况；解决方法，在重新给src属性赋值时，先将onerror事件清除掉，再赋值，这样就不会存在循环调用问题了，代码如下;<img src="http://img1.soufunimg.com/a1_s.jpg" onerror="this.onerror=‘‘; this.src=‘http://img1.soufunimg.com/a1_s.jpg‘" /> 原文：https://www.cnblogs.com/Winny0519/p/10362516.html
HTML5+JS实现俄罗斯方块原理及具体步骤
本游戏实现的基本原理: 游戏区域是限定大小的区域，本游戏的游戏区域有21×25个矩形,每个矩形width为10单位，heght为6个单位(canvas 的绝对单位是固定的，非像素)。 创建RusBlock类包含相应的数据和行为，创建二维数组aState[21][25]记录游戏区域中被标记的矩形。 俄罗斯方块有7个部件，每个部件所占的矩形的个数和位置不同，所以建立部件类，然后建立数组储存7个部件，每个部件包涵数组储存该部件所占的矩形的个数和位置。当下落的...
从html富文本中提取纯文本
其实从html富文本中提取纯文本很简单，富文本基本上是使用html标签给文本加上丰富多彩的样式。所以只需要将富文本字符串中的“<.....>”标签剔除，即可得到纯文本。我们可以使用正则表达式，来匹配所有的html标签，并替换成空字符，如下：//html剔除富文本标签，留下纯文本function getSimpleText(html){var re1 = new RegExp("<.+?>","g");//匹配html标签的正则表达式，"g"是搜索匹配多个符合的内容var msg = html.replace(re1,‘...
【前端】Vue利用html2Canvas将Dom内容生成图片并下载（解决svg无法显示的问题）【代码】
需求：将页面中DIV内容块（包含svg流程节点）生成图片并直接下载到用户本地，并且不影响之前的svg图的使用实现：1、安装依赖cnpm install --save html2canvas cnpm install --save canvg@2.0.0-beta.1 canvas@^2 jsdom@^13 xmldom@^0 2、引入依赖import html2canvas from "html2canvas"; import canvg from "canvg"; 3、代码实现主要是两个问题SVG无法显示： 借助canvg将svg转canvas不能影响原有的元素显示：上一步会改变原有的dom...
JS检测浏览器是否支持HTML5视频播放 (标签<video>) ,【代码】
function checkVideo() {if (!!document.createElement(‘video‘).canPlayType) {var vidTest = document.createElement("video");oggTest = vidTest.canPlayType(‘video/ogg; codecs="theora, vorbis"‘);if (!oggTest) {h264Test = vidTest.canPlayType(‘video/mp4; codecs="avc1.42E01E, mp4a.40.2"‘);if (!h264Test) {document.getElementById("checkVideoResult").innerHTML = "Sorry. No video support.";} else {if (h2...
HTML5增加的几个新的标签【代码】【图】
HTML5又2008年诞生，HTML5大致可以等同于=html+css3+javascriptapi.... so --->支持css3强大的选择器和动画以及javascript的新的函数先来记录一下吧！ 1。 <canvas>画布标签 HTML5的新标签举例： 1 <html>2 <head>3 <title>canvas画布的应用</title>4 <p align="center">画一个矩形<span style="color : #ff0000">龚细军创作</span></p> </head>5 <body> 6 <canvas id="can" width=...
springcloud 微服务 分布式 Activiti6 工作流 vue.js html 跨域 前后分离 项目源码【图】
1.代码生成器： [正反双向](单表、主表、明细表、树形表，快速开发利器)freemaker模版技术 ,0个代码不用写,生成完整的一个模块,带页面、建表sql脚本、处理类、service等完整模块2.多数据源：（支持同时连接无数个数据库，可以不同的模块连接不同数的据库）支持N个数据源3.阿里数据库连接池druid,安全权限框架 shiro（菜单权限和按钮权限）, 缓存框架 ehcache4.代码编辑器，在线模版编辑，仿开发工具编辑器5.调用摄像头拍照 自定义裁...
HTML5math标签【图】
HTML5 MathML一、HTML5 可以在文档中使用 MathML 元素，对应的标签是 <math>...</math> 。MathML 是数学标记语言，是一种基于XML（标准通用标记语言的子集）的标准，用来在互联网上书写数学符号和公式的置标语言。二、浏览器支持大部分浏览器都支持 MathML 标签，如果你的浏览器不支持该标签，可以使用最新版的 Firefox 或 Safari 浏览器查看。三．实例：——以下均需在Firefox3.5之上运行<math xmlns="http://www.w3.org/1998/Mat...
《CSS设计指南》笔记--HTML标记与文档结构【代码】【图】
通过阅读和学习书籍《CSS设计指南》总结 《CSS设计指南》/Charles lvyke-Smith著.李松峰译—人民邮电出版社 本书网站：http://www.stylinwithcss.com强烈推荐！！深入浅出，精简，适合入门！！HTML标记与文档结构1.1 HTML标记基础1.1.1 文本用闭合标签??闭合标签的基本格式如下：<标签名>文本内容<标签名/><标签名 属性_1="属性值" 属性_2="属性值">文本内容</标签名>1.1.2 引用内容用自闭合标签??自闭合标签的基本格式如下：<标签...
HTML5中的拖放
（1）在HTML5中实现拖放需要将目标元素的"draggable"属性设置为"true"；（2）元素拖放时触发的相关事件： a：dragstart——在开始拖放被拖放元素时触发（事件主体：被拖放元素）；b：drag——正在拖放被拖放元素触发（事件主体：被拖放元素）；c：dragenter——在被拖放元素进入某元素触发（事件主体：经过/目标元素）；d：dragover——在被拖放元素在某元素内移动时触发（事件主体：经过/目标元素）；e：dragleave——被拖放元素离...
html5+css3 制作音乐播放器
//css//body , html{ margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; } .MusicBox { background-color: #212121; background-image: -webkit-gradient(linear, left top, left bottom, from(#1B1B1B), to(#212121)); background-image: -webkit-linear-gradient(top, #1B1B1B, #212121); background-image: -moz-linear-gradient(top, #1B1B1B, #212121); bac...
HTML <form> 标签的 enctype 属性
在HTML中，form标签用于提交表单。form标签有一个enctype属性。enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码 也就是说，在Form元素的语法中，EncType表明提交数据的格式。enctype属性的取值序号值描述1application/x-www-form-urlencoded(1)在发送前，编码所有字符（默认）。窗体数据被编码为“名称/值”对，这是标准的编码格式。(2)当action为get时候，浏览器用x-www-form-urlencoded的编码方式把form数据转换...
为女神的生日准备惊喜，我开始学习html5游戏开发 -第三天
cocos2d-html-v3___________________________________________________下载了v3版本的引擎，跟着官网v2的教程做demo，果不其然遇到了一些问题。1、 v2: cc.Director.getInstance() v3: cc.diretor2、 官网v3文档中 menuItemSprite.create 的一个重载，var item = cc.MenuItemSprite.create(normalImage, SelectedImage, ‘callback‘, targetNode) //create a menu item, when clicked runs targetNode.callback()但当我查看源代...
提取HTML代码中文字的C#函数
/// <summary> /// 去除HTML标记 /// </summary> /// <param name="strHtml">包括HTML的源码 </param> /// <returns>已经去除后的文字</returns> public static string StripHTML(string strHtml) { string [] aryReg ={ @"<script[^>]*?>.*?</script>", @"<(\/\s*)?!?((\w+:)?\w+)(\w+(\s*=?\s*(([""‘])(\\[""‘tbnr]|[^\7])*?\7|\w+)|.{0})|\s)*?(\/\s*)?>", @"([\r\n])[\s]+", @"...
HTMl5的sessionStorage、localStorage和Cookie【代码】
近日做到一个前端缓存项目涉及到storage的应用，故对比了一下本地缓存技术的应用场景。html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否...
Windows系统文件mshtml.dll
今天，在vista 32bit,sp 2,IE7的机器上跑开发的软件产品，打开IE，被测系统总是崩溃，换了一台机器，同样的配置环境，却没有重现。同事的分析很详细，学习了I tried this crashed issue on the machine szautotest88, it installed the same OS, windows Vista 32 bit, and it can run well without any exception. I check the event of the VM that crashed of IE, and found the error report:-----------------------------...
小强的HTML5移动开发之路（43）——JqueryMobile页眉、工具栏和标签栏导航
写在前面（领会下面五句话即可）： C：1. static修饰函数中的变量（栈变量）：改变变量的生存期，作用域不变仍为所在函数。 只被初始化一次。2. static修饰全局变量：限制全局变量只能被模块内访问，不可以在别的模块中用extern声明调用。3. static修饰函数：作用与修饰全局变量类似，也是限制该函数只能在模块内访问，不能再别的模块中用extern声明调用C++：1. static静态数据成员属于整个类所有，类的所有对象共同维护。2. stati...
使用Visual Studio Code打开浏览器查看HTML文件【代码】【图】
FROM: http://www.cnblogs.com/undefined000/p/5466626.html 针对Version 1.8.0的更新 最近升级到1.8.0，发现上面的操作失效了，于是改了一下(仅对Win)：首先界面按下Ctrl+Shift+P显示命令面板，输入ctr选择【任务：配置任务运行程序】然后选择【Others】，可以看到默认配置最后修改如下(删除其中一行)：{"version": "0.1.0","command": "Chrome","windows": {"command": "C:/Program Files (x86)/Google/Chrome/Application/...
HTML中有用的字符实体
html对于某些字符无法显示使用，必须用实体名称或实体名称或实体编号HTML 中有用的字符实体注释：实体名称对大小写敏感！显示结果描述实体名称实体编号 空格 <小于号<<>大于号>>&和号&"引号"‘撇号 ' (IE不支持)￠分¢¢￡镑££￥日圆¥€欧元€§小节§?版权©©?注册商标®?商标™×乘号×÷除号÷如需完整的实体符号参考，请访问我们的 HTML 实体符号参考手册。原文：http://www.cnblogs....
前端之HTML（一）【代码】【图】
一、初识HTML1.1、web服务本质import socket sock=socket.socket(socket.AF_INET,socket.SOCK_STREAM) sock.bind(("127.0.0.1",8080)) sock.listen(5) while1:conn,addr=sock.accept()data=conn.recv(1024)print("data",data.decode("utf8"))with open("index.html","r") as f:response=f.read() #可以吧html放在一个文档里面读出来conn.send(("HTTP/1.1 201 OK\r\n\r\n%s"%response).encode("utf8")) 浏览器发送请求->HTTP协议->...
对js操作html的实践【2】——随机标题与滚动标题【代码】【图】
先放几张今天要达成的效果图（随机标题效果）（滚动标题效果）接下来放出源码：1.随机标题1//指定条目数2 tips = new Array(1); 3//条目内容4 tips[0] = ‘很抱歉冒险就是从来不会让人做好准备。‘; 5 tips[1] = ‘Let us start!‘; 6 index = Math.floor(Math.random() * tips.length); 7 window.document.title += "平行世界 The Parallel Universe - "+tips[index];（1）在上面的源码中，用到了随机数运算，取随机数的实现可以达...
如何让转换的视频支持HTML5在线播放【代码】
转换工具当然是ffmpeg了，那么如何让转换后的视频支持所有支持HTML5的浏览器在线播放？只需要如下命令行代码就行了：ffmpeg -i output.mpg -vcodec libx264 -acodec aac -vprofile slow -vprofile baseline output_video.mp4想要知道为什么要这么设置音视频编码么？参考：https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats 原文：http://www.cnblogs.com/lohcve/p/4731608.html
html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法【图】
继续讲canvas中画曲线的方法，今天讲quadraticCurveTo。 说实话这个方法有点吓人，单从函数名称上都可以初体验。话说，我觉得有必要把这个函数名缩短。 quadratic的意思是二次，即数学中二次元方程那个二次。而ctx.quadraticCurveTo的参数如下： 复制代码代码如下:ctx.quadraticCurveTo(x1,y1,x,y); 其中x,y是终点的坐标，而x1,y1是曲线控制点的坐标？什么？你问我起点在哪里？起点在此之前用moveTo确定。 我之所以把控制点的坐标带...
前端-HTML【代码】【图】
HTML介绍Web服务本质 import socketsk = socket.socket()sk.bind(("127.0.0.1", 8080)) sk.listen(5)while True:conn, addr = sk.accept()data = conn.recv(8096)conn.send(b"HTTP/1.1 200 OK\r\n\r\n")conn.send(b"<h1>Hello world!</h1>")conn.close() 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面HTML是什么？超文本标记语言（Hypertext Markup La...
html5+jquery获取微信openid【图】
最近在修改一个移动商城，由于wap端是HTML5的，还大量使用了art模板技术，一开始修改很不适应，而且实现HTML5取openid一直没能实现很好的实现，经过对获取原理的理解和学习，终于还是实现了HTML获取微信openid,而且改动不大，闲话少说，直接上干货：一、写个js,用于取accesscode,并直接通过openid读取用户表中的注册信息$(function () {var wxopenid=getcookie('wxopenid');var key=getcookie('key');if (key==''){var access_code...