HTML - 技术教程文章
HTML5 | Canvas 基本操作【代码】【图】
<canvas> - 定义使用 JavaScript 的图像绘制。 p.s. 无法使用CSS为画布设置大小，要么在<canvas>中使用width和height单独定义，要么在js中设置。canvas的默认画布大小为300×150。 getContext是DOM对象的方法，也就是原生js方法，不能用jQuery对象直接获取 ———————————————————————————————————————————— Demo1 - 绘制矩形 步骤： 获取canvas元素 取得上下文 填充与绘制边框 设置绘制样...
HTML/CSS 项目【代码】
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style>*{margin: 0px;/*盒子外边距*/padding: 0px;/*盒子内边距*/}.NavigatorView {width: 100%;height: 50px;background-color:cadetblue;}.NavigatorView div{height: 50px;width: 80%;margin-left: 17%;margin-right: 17%;}.NavigatorView div ul {list-style-type: none;/*去掉ul的无标号的 点， 即 无标记 */}.NavigatorView div ul li {float: left;/*...
Html-IOS下input的样式添加不上的解决方案【代码】
问题描述： 1<!DOCTYPE html> 2 3<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 4<head> 5<meta charset="utf-8"/> 6<title></title> 7<style> 8 input { width: 100px; height: 25px; background-color: #ff6a00; outline:none;} 9 input:active{ background-color:#00ff21; transform: translate(2px,2px); -webkit-transform: translate(2px,2px);/*Google*/ -moz-transform: translate(2px,2px);/*Saf...
39个让你受益的HTML5教程
闲话少说，本文作者为大家收集了网上学习HTML5的资源，期望它们能够帮助大家更好地学习HTML5. 好人啊! 只是,作者原来说的40个仅仅有39个，由于第5个和第8个是反复的。原文在此!1. 五分钟入门HTML5 (Learn HTML5 in 5 Minutes!) By Jennifer Marsman毫无疑问,HTML5是一个热门话题。假设你须要一个迅速了解HTML基础的速成课程,那这就是你须要的。我将介绍新的语义标签(markups)、 使用canvas进行绘制和动画、视频(<video>)和音频(<au...
10段实用的HTML5代码
1.HTML5编写的CSS ResetCSS Reset也可以写成Reset CSS，即重设浏览器样式。/* html5doctor.com Reset Stylesheet (Eric Meyer‘s Reset Reloaded + HTML5 baseline) v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark html5doctor.com/html-5-reset-stylesheet/*/html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,sm...
html基础二：css样式1【图】
h‘t‘m‘l中用到css样式有三种方式：1、在header中增加style标签，在style标签中写2、用link标签引用css样式文件3、在需要使用css样式的标签添加style属性一、在header中的style定义header中定义标签样式，是通过选择器来和对应的标签关联的1、id选择器一个html页面中，id是不能重复的。效果如下：2、class选择器class选择器以.定位，一个html文件中可以有相同的class.定义了css样式以后，该class对应的所有标签都适用此css效果如...
<html>
微信分享是非常多app里面都有的，在开发过程中可能会有非常多问题。这里就返回code = -4 的问题简单说一下。 文档里的错误分析是签名不一致，可是如何保持签名没说清楚，签名是和project的keystore有关。开发的时候每次执行key都是不同的，所以。要保持一致。就要先用key打个包出来，然后安装上打包出来的apk，利用签名工具获取签名。设置到微信平台上，以后要想測试，必须用打包后的apk安装就能够了，直接执行安装还是会有cod...
php过滤危险html代码
以下是程序代码： 复制代码 代码如下:function uhtml($str) { $farr = array( "/\s+/", //过滤多余空白 //过滤 <script>等可能引入恶意内容或恶意改变显示布局的代码,如果不需要插入flash等,还可以加入<object>的过滤 "/<(\/?)(script|i?frame|style|html|body|title|link|meta|\?|\%)([^>]*?)>/isU", "/(<[^>]*)on[a-zA-Z]+\s*=([^>]*>)/isU",//过滤javascript的on事件 ); $tarr = array( " ", "＜\1\2\3＞",//如果要直接清除不安...
HTML5 调用百度地图API地理定位【代码】
<!DOCTYPE html><html><title>HTML5 HTML5 调用百度地图API地理定位实例</title><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=E4805d16520de693a3fe707cdc962045"></script></head><body style="margin:50px 10px;"><div id="status" style="text-align: center"></div><div style="width:600px;height:480px;border:1...
HTML中的单位小结
JavaScript中各种计量单位小结px：像素，一般计量单位，最常用。em：相对单位，基于父节点字体大小，如果自身定义了字体大小，以自身字体大小为准，整个页面的1em不统一。rem：相对单位，基于根节点（HTML）的字体大小，如果自身定义了字体大小，以自身字体大小为准。（谷歌最小字体强制为12px）。vw：（viewpoint width），基于适窗宽度，1vw=视窗宽度1%。vh：（viewpoint height）,基于视窗高度，1wh=视窗高度1%。vmin：vw和wh中...
真正零基础学习HTML（三）
```一、CSS概念 1、需求： 设置网页标签的样式：宽``、高、背景颜色、位置...... 用于布局或美化网页 2、概念： css 层叠样式表 英文全称：cascading style sheets 浏览器解释语言：让浏览器去执行解释的语言 html css 大小写不敏感：小写 w3c组织 3、css语法： 选择器1{属性名1：属性值1；属性名2：属性值2；...... } 选择器2{属性名1：属性值1：属性名2：属性值2；...... } 选择器：我要找的html标签（元素） 属性1：属性值1：...
mongodb replica set 添加/删除节点方法--http://www.ii123.com/jc/bc/bczh/258948.html
replica set多服务器主从，添加，删除节点，肯定会经常遇到的。下面详细说明一下，添加，删除节点的2种方法。 一，利用rs.reconfig，来添加，删除节点 1，添加节点 代码如下 repmore:PRIMARY> config = {_id:"repmore",members:[{_id:0,host:‘127.0.0.1:27017‘,priority :2},{_id:1,host:‘127.0.0.1:27018‘,priority:1}]}; //添加节点repmore:PRIMARY> rs.reconfig(config); //使配置生效repmore:PRIMARY> rs.status...
html标签a的target属性的用法
1：如果使用标签<a>来链接到一个页面的话，target属性的作用，相信大家都知道。就是指对链接的页面以怎么样的形式展现出来，target常用的值有：_blank(以新弹出一个浏览器窗口打开链接的页面)、_self(在原来的窗口中打开链接的页面)。当然还有_top等等，因为不常用，所以在此就不多做介绍了。 例如：<a href="http://jb51.net" target="_blank">脚本之家 </a> 表示要链接到脚本之家去，并以新开窗口打开 2：如果使用标签<a>触发一个...
HTML5全局属性（一）
NEW：HTML 5 中新的全局属性。属性描述accesskey规定访问元素的键盘快捷键class规定元素的类名（用于规定样式表中的类）。contenteditable规定是否允许用户编辑内容。contextmenu规定元素的上下文菜单。dir规定元素中内容的文本方向。draggable规定是否允许用户拖动元素。dropzone规定当被拖动的项目/数据被拖放到元素中时会发生什么。hidden规定该元素是无关的。被隐藏的元素不会显示。id规定元素的唯一 ID。lang规定元素中内容的...
HTML之HTML基础【代码】
HTML一个个具有不同样式的标签组合成的一大堆字符串，由浏览器解析就形成了我们看到的网页 基础HTML代码<!DOCTYPE html><!--告诉浏览器这是一个HTML，通过html5 解析下方代码--><html lang="en"><!--html标签，一个页面只有一对，指定语言--><head><!--指定当前页面的字符集编码--><meta charset="UTF-8"><!--每1秒钟刷新一下--><meta http-equiv="refresh" content="1"><!--1秒后跳转到www.baidu.com--><meta http-equiv="refresh...
Mvc HtmlHelper 方法扩展 DropDownListFor【代码】【图】
项目中遇到表单提交中遇到枚举，忽然想起1年前的1小段代码结合HtmlHelper在扩展一下 便于开发中使用publicstaticclass HtmlHelperExtensions {publicstatic MvcHtmlString DropDownListFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, Enum enumType, string defualtName){IList<SelectListItem> selectList = enumType.ToSelectListItem(defualtName);return Selec...
asp.ne去除html的函数代码
复制代码 代码如下:/// <summary> /// 过滤字符串中的html代码 /// </summary> /// <param name="Str"></param> /// <returns>返回过滤之后的字符串</returns> public static string LostHTML(string Str) { string Re_Str = ""; if (Str != null) { if (Str != string.Empty) { string Pattern = "<\\/*[^<>]*>"; Re_Str = Regex.Replace(Str, Pattern, ""); } } return (Re_Str.Replace("\\r\\n", "")).Replace("\\r", ""); } 原...
JavaScript HTML DOM - 改变 HTML【代码】
原文http://www.w3school.com.cn/js/js_htmldom_html.asp 改变 HTML 输出流JavaScript 能够创建动态的 HTML 内容：今天的日期是： Wed Jun 22 2016 10:15:30 GMT+0800 (中国标准时间)在 JavaScript 中，document.write() 可用于直接向 HTML 输出流写内容。<script> document.write(Date()); </script> 提示：绝不要使用在文档加载之后使用 document.write()。这会覆盖该文档。改变 HTML 内容修改 HTML 内容的最简单的方法时使用 in...
（转）HTML的代码（从朋友那转的，看着觉得会有用就转了）【代码】【图】
1!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> 5<title>css菜单演示</title> 6 7 8<style type="text/css"> 9<!--10 11*{margin:0;padding:0;border:0;} 12body { 13 font-family: arial, 宋...
html中ul，ol和li的区别
ul是无序列表，全称是unordered list，先来个例子： ●张三 ●李四 ●王二 ●刘五 ol是有序列表 ,全称是ordered list，同样举个例子： 1、张三 2、李四 3、王二 4、刘五这就是ul与ol的区别。ul与ol前的符号是可以修改的。只需要修改它们的type值。ul的type属性有：disc—实心圆(默认）、circle—空心圆、square—实心方块ol的type属性有：1—数字（默认）、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希...
什么是HTML，XHTML和HTML的主要区别？【代码】
HTML 是用来描述网页的一种语言：HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页 XHTML和HTML最主要的不同： XHTML 元素必须被正确地嵌套。XHTML元素必须被关闭 · 非空标签必须使用结束标签。 ·空标签也必须使用结束标签，或者其开始标签必须使用/>结尾。 标签名称必须用小写字母 XHTML ...
html5 css折叠导航栏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>旋转菜单</title> <link rel="stylesheet" href="style8.css" type="text/css"></head><body><div class="se"><h3><a href="">IT</a></h3><div><img src="imges/it.jpg" ></div> </div><div class="se"><h3><a href="">创投</a></h3><div><img src="imges/kk.jpg" ></div> </div><div class="se"><h3><a href="">探索</a></h3><div><img src=...
HTML5 组件Canvas实现图像灰度化【代码】
1. 新建一个html页面，在body tag之间加入<canvas id="myCanvas">Gray Filter</canvas> 2. 添加一段最简单的JavaScript代码：window.onload = function() { var canvas = document.getElementById("myCanvas");// do something here!!} 从Canvas对象获取绘制对象上下文Context的代码如下：var context = canvas.getContext("2d"); 在html页面中加入一幅图像的html代码如下:<img id="imageSource" src="hanjiaren.jpg" alt="Canvas ...
04-html标记语义应用
一个小工具：FSCapture（截图用的） 网页文件的文件名在本地电脑保存为中文时没有问题，将来 网页文件是保存在服务器的，建议全部英文1、font标记 语法：<font color="字体颜色" size="字体大小" face="字体">文本</font> 注意：网页中的文本字体，字号都是用css修饰 颜色 英文名字 十六位进制 颜色 英文名称 十六进制 白色 White #FFFFFF 黑色 Black ...
html中嵌入VLC播放器【代码】
先下载安装VLC的插件，然后写一个页面，页面中，指定好对应的rtsp视频地址就好了。去VLC的官网下载对应的插件，目前插件的最新版本是2.2.4.下载完成后，安装到磁盘指定位置，比如：D:\VLC注册VLC插件（否则视频无法正常显示）：使用cmd 运行 ：regsvr32 D:\VLC\axvlc.dll 。新建一个html页面，内容为以下代码，进行测试。 <!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body><!--[if...
w3school HTML基础教程
<addr>元素通常被呈现为斜体，且大多数浏览器会在该元素前后添加换行符；<base>标签可以减少很多输入量，但必须位于head元素内部；<blockquote>标签会为内容插入换行和外边距，而<q>元素不会有任何特殊的呈现；<code>元素用于表示计算机源码或者其他机器可以阅读的文本内容；<col>和<colgroup>标签的组合使用，可以实现表格列的批量控制；<optgroup>和<label>的嵌套使用，在下拉列表中非常实用；<a>标签的name属性用于创建html内部...
Html部分
Html部分 E[attr]-------------------存在attr属性即可E[attr=val]--------------- 属性值完全等于valE[attr*=val]-------------- 属性值里包含val字符并且在“任意”位置E[attr^=val]---------------属性值里包含val字符并且在“开始”位置E[attr$=val]------------- -- 属性值里包含val字符并且在“结束”位置E:first-child----------------其父元素的第1个子元素且这个子元素必须是EE:last-child-----------------其父元素的最后...
【ASP.NET 插件】zyUpload的HTML5上传插件【图】
个人能力有限，只能网上找图片批量上传插件，看到一个还不错的插件 zyUpload ，可以用来上传文件，但没有.NET 版本，特修改了下用以批量上传图片，效果图如下：具体代码可查看源代码： zyUpload.zip原文：http://www.cnblogs.com/yc-755909659/p/4884576.html
php操作mysql获取html标签<select>下拉列表数据【图】
650) this.width=650;" src="/upload/getfiles/default/2022/11/13/20221113025755550.jpg" title="psb (1)_副本.png" />650) this.width=650;" src="/upload/getfiles/default/2022/11/13/20221113025756099.jpg" title="psb_副本.png" />650) this.width=650;" src="/upload/getfiles/default/2022/11/13/20221113025756585.jpg" title="psb (2)_副本.png" />本文出自 “IT5808” 博客，请务必保留此出处http://it5808.blog.5...
UILabel用原生方法显示HTML文本
NSString * htmlString = @"<html><body>今天中午<font size=\"13\" color=\"red\">去哪吃什么</font><font size=\"5\" color=\"blue\">？？？</font> </body></html>";NSAttributedString * attrStr = [[NSAttributedString alloc] initWithData:[htmlString dataUsingEncoding:NSUnicodeStringEncoding] options:@{ NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType } documentAttributes:nil error:nil];UILabel * myL...