HTML - 技术教程文章
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...
使用css创建三角形 使用CSS3创建3d四面体原理及代码(html5实践)【图】
今天读了篇关于如何使用css3创建3d四面体的文章，觉的相当不错，所以拿出来和大家分享一下。 首先要和大家分享的是，如何使用div+css创建三角形。在这里我先把相关代码粘贴出来，然后再为大家讲解原理。 html： 复制代码代码如下:<div id="pyramid"> <div></div> </div> css： 复制代码代码如下:<style type="text/css"> #pyramid { position: relative; margin: 100px auto; height: 500px; width: 100px; } #pyramid > div { po...
会跳舞的树（只用HTML+CSS）
效果如下。 See the Pen wKvrMa by moyu (@MoYu1991) on CodePen./*-1;t--){var a=this._getParamsFromAttributes(e[t]);if(a=this._convertOldDataAttributesToNewDataAttributes(a),a.user=this._findUsernameForURL(a,e[t]),this._paramsHasRequiredAttributes(a)){var n=this._buildURL(a),r=this._buildIFrame(a,n);this._addIFrameToPage(e[t],r)}}},_findUsernameForURL:function(e,t){if("string"==typeof e.user)return e...
如果把带有html的标记的字符串从服务端传到页面上，需要对其进行编码。Ajax.JavaScriptStringEncode()【代码】
controller: StringBuilder s = new StringBuilder();string a = "<script>alert(‘我StringBuilder‘)</script>文档内容";s.AppendFormat("<h1>{0}</h1><h1>测试</h1>", a);string t=s.ToString();ViewBag.newMes = t;cshtml:<div id="haha"></div><script type="text/javascript">$(document).ready(function () {var newMes =‘@Ajax.JavaScriptStringEncode(ViewBag.newMes)‘;document.getElementById("haha").inn...
一个在浏览器端将html 转为pdf 的js 插件 jsPDF【代码】
<!DOCTYPE html><html><head><title>test</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><script src="https://code.jquery.com/jquery-git.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script></head><body><p class="pdf-wrapper"="to-...
html5 postMessage解决跨域、跨窗口消息传递（转）【代码】【图】
仅做学习使用，原文链接：http://www.cnblogs.com/dolphinX/p/3464056.html 一些麻烦事儿平时做web开发的时候关于消息传递，除了客户端与服务器传值还有几个经常会遇到的问题1.页面和其打开的新窗口的数据传递2.多窗口之间消息传递3.页面与嵌套的iframe消息传递4.上面三个问题的跨域数据传递postMessage()这些问题都有一些解决办法，但html5引入的message的API可以更方便、有效、安全的解决这些难题。postMessage()方法允许来自不同...
【laravel5.4+vue.js】laravel 循环三维数组，解决：htmlentities() expects parameter 1 to be string, array given【代码】
laravel循环三维数组 +++ vue.js循环三维数组 （数据均是以三维数组形式存在的）<form-item label="权限名称" prop="interest">@foreach($permission3level as $k => $v)@foreach($v as $k2 => $v2){{$v2[‘name‘]}}+++{{$v2[‘cate_id‘]}}@endforeach@endforeach</form-item><form-item label="权限名称" prop="interest">@foreach($permission3level as $k=> $v)@if($k==1 )<div v-for="(item2,index2) in level"><checkb...
html 三板斧
在HTML标记语言中可以将每个网页源码分成3部分：1.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">此部分告诉浏览器文档的类型！2.<head>：此部给机器给收索引擎看的东西！3.body部分为要显示在浏览器上的内容！一般是呈现在人们眼前的东西！、具体讲解可以参考视频http://study.163.com/course/courseLearn.htm?courseId=432008#/learn/video?lessonId=554097&c...
【HTML】 向网页<Title></Title>中插入图片以及跑马灯【代码】
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> </style> <title> 欢迎来到我的主页界面</title> <!--引入图片--> <link href="images/titleIcon.ico" rel="SHORTCUT ICON" /><!--在标题中实现跑马灯的效果--> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(function(){var title=$("title").html();var temptitle=title;var length=title.len...
Pydoc 本地 HTML 形式查看
Pydoc 本地 HTML 形式查看 我们在编写Python代码时，常常会去查询某些模块及函数的使用，会选择 dir() 及 help() 函数、或查看 CHM 格式的Python帮助文档、或查看Python对应文件的源码、或网上搜索等方式。 这边提供一个本地快速查询 Python 文档的方式： 将 pydoc 文档以本地 HTML 形式来查看；不论是Python内建模块，还是你本机已下载的三方模块，都能查看得到，且能定位到你本机的文件地址。 先来看下HTML页面的显示，...
详解HTML5中download属性的应用
在传统的html中，某个文件的下载，是这样的： XML/HTML Code复制内容到剪贴板<a href="=/files/abc1234564545.pdf">report</a> 而在HTML 5浏览器中，可以支持download属性了，如下： XML/HTML Code复制内容到剪贴板<a href="=/files/abc1234564545.pdf" download="abc">report</a> download属性的好处在于，在用户下载文件的时候，显示在用户浏览器 中的“另存”为的文件显示框中，显示的是这个downloader属性中显示的 东西了...
SpringMVC+HTML5+websocket即时聊天Demo【图】
websocket的通信形式今天刚学，好处就不说了，网上有很多，下面把写的即时通信的demo记录下来，运行出来像下面一样：?一、spring必须4.0以上，maven的pom文件如下： <dependency><groupId>org.springframework</groupId><artifactId>spring-orm</artifactId><version>4.2.4.RELEASE</version></dependency><dependency><groupId>org.springframework</groupId><artifactId>spring-webmvc</artifactId><version>4.2.4.RELEASE</ver...
Java基础 —— HTML【代码】
HTML：超文本标记语言(HyperText Markup Language) --> 最基础的网页语言基本结构：<html> //HTML文件的开始<head> //HTML头部分的开始，包含<title>, <meta>, <base>, <object>, <link>, <style>, <script>等标签，代表不同的含义.... //头部分内容</head> //HTML头部分结束<body> //HTML文件的主体.... //主体</body> //HTML主体结束 </html> //HTML结束 标签分类： 块级元素：块级别元素都将独占一行。...
html标签类型分类
html包含很多标签，根据显示的类型，主要分为块级标签、行内标签、行内-块级标签三大类特点:块级标签：独占一行,能随时设置宽度和高度。比如div、p、h1、h2、ul、li等；行内标签：多个行内标签能同时显示在一行，宽度和高度取决于内容的尺寸。比如span、a、label等；行内-块级标签：多个行内-块级标签可以显示在同一行，能随时设置宽度和高度。比如input、button等。原文：http://www.cnblogs.com/zhangshan/p/5832224.html
html表单输入框css样式美化特效源代码下载【图】
html表单输入框css样式美化源代码，响应鼠标动作 原文：html表单输入框css样式美化特效源代码下载 源代码下载地址：http://www.zuidaima.com/share/1550463335926784.htm 源代码截图：原文：http://blog.csdn.net/springmvc_springdata/article/details/38975963
解析HTML【图】
解析HTML一、什么是HTML HTML是超文本标签语言，即网页的源码。而浏览器就是翻译解释HTML源码的工具。二.HTML的基本结构 <!DOCTYPE html> 声明文档类型HTML5文档声明在HTML文档必不可少，且必须放在文档的第一行； <html> <head> head标签内的信息用于描述网页，即元数据 <meta charset="UTF-8"> <title>网页的标题</...
[HTML5] Accessible Icon Buttons【代码】
Icon buttons are very common in web applications, yet they often have accessibility problems. Learn how to make your icon buttons accessible to keyboard and screen reader users with HTML, CSS, SVG and ARIA. <!DOCTYPE html><html lang="en"><head><title>Button Demo</title><link rel="stylesheet" type="text/css" href="css/demo.css"></head><body><main><button>Help!</button><button><span class="visuallyh...
html短代码
1 h5文档模版<!DOCTYPE html><html><head><title>标题</title></head><body> <div></div></body></html>原文：https://www.cnblogs.com/xiewenyu/p/12770929.html
<input> 标签HTML5 中的新属性
<input> 标签HTML5 中的新属性属性值描述acceptmime_type规定通过文件上传来提交的文件的类型。alignleftrighttopmiddlebottom规定图像输入的对齐方式。不推荐使用。alttext定义图像输入的替代文本。autocompleteonoff规定是否使用输入字段的自动完成功能。autofocusautofocus规定输入字段在页面加载时是否获得焦点。checkedchecked规定此 input 元素首次加载时应当被选中。disableddisabled当 input 元素加载时禁用此元素。formfo...
前端内容转译html
其他地方采集过来的可以转译下，试试这个：var returnReg = /\n/g; detail = detail.replace(returnReg,""); var reg = /&amp;amp;gt;|&amp;gt;|&gt;|>/g; detail = detail.replace(reg,">"); reg = /&amp;amp;lt;|&amp;lt;|&lt;|</g; detail = detail.replace(reg,"<");原文：http://www.cnblogs.com/wangzhuxing/p/7238013.html
html【代码】【图】
1 HTML的简介和语法HTML简介HTML是Hyper Text Markup Language的缩写：超文本编辑语言； HTML主要用来标记网页的内容和结构； HTML的发展史：1991html --> 1995html2 --> 1996-html3.2 --> 1997-html4.0 --> D[1999-html4.01] D --> 2000xhtml1.0 --> 2001xhtml1.1 --> 2005xhtml2.0 D --> 2008html5 --> 2014html5:-ingHTML文档和语法文档文档的头部语法书写规范：属性值一般小写；属性值要有双引号；嵌套要缩进；常用属性（全局属...
页面html图片按钮多种写法
<P style=‘font: 16px/28px "Hiragino Sans GB W3", "Hiragino Sans GB", Arial, Helvetica, simsun, u5b8bu4f53; margin: 0px 0px 10px; padding: 0px; text-align: left; color: rgb(78, 78, 78); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: normal; orphans: 2; widows: 2; font-size-adjust: none; font-stretch: normal; -webkit-text-size-adjust: auto; -webkit-t...
前端-HTML和HTML5常用标签【代码】
HTML是HyperText Markup Language（超文本标记语言）的简称，它是一种用于创建网页的标准标记语言。标记语言是由标签构成的语言。<标签名称>例如html，xml；标记语言不是编程语言。HTML 运行在浏览器上，由浏览器来解析。注意：html标签不区分大小写，但是推荐全小写 html文档的后缀名 .html和.htm两种都可以，没有区别。 标签的分类 围堵标签：有开始标签和结束标签，例如<html></html>自闭标签：开始标签和结束标签都在一个标签中...
HTML友情链接代码【代码】
早些时候写的，记录一下。<div align="center"> <table width="980" height="35" border="0" align="center"> <tr> <td> 友情链接： <a target="_blank" href="#">One</a> | <a target="_blank" href="#">Two</a> | <a target="_blank" href="#">Three</a> | <...
wordpress，cos-html-cache静态化后，点击数失效问题的解决方案【图】
装了wordpress cos-html-cache 静态插件后，生成了静态文件，post-views等点击数插件就失效了，找了一些，包括有个js版本的，需要用到post-views插件，我也不想装太多插件，于是有了下面的方案。1：Advanced Custom Fields插件。安装后，我原先用作缩略图字段的，新增加一个字段：点击数2:发文章，可以随便填写，也可以不填3：修改文章模板文件4：wp_conter.php文件5：效果对应见图?1. [图片] wp-custom_fields.png 2. [图片] w...
HTML5/CSS3(PrefixFree.js) 3D文字特效【代码】【图】
之前在园子里看到一个HTML5/CSS3的文字特效(这里)，觉得挺好玩的所以小小的研究了下，不过发现代码都是针对webkit以及FF的所以IE跪了。Runjs我将示例中的代码进行了精简，后来发现CSS大多数没有前缀，我很费解之后发现它引用过来一个PrefixFree，有了这个js就能不用写CSS3的前缀:)PrefixFree?<script src="http://leaverou.github.com/prefixfree/prefixfree.min.js"></script>在link中，或是style中，或是dom元素的style中书写CSS...
JavaEE框架Bootstrap HTML5 jQuery SpringMVC maven mybatis shiro ehcache SSH SSM【图】
获取【下载地址】? ?QQ: 313596790? ?【免费支持更新】A 代码生成器(开发利器);全部是源码??? ?增删改查的处理类，service层，mybatis的xml，SQL( mysql? ?和oracle)脚本,? ?jsp页面 都生成? ?就不用写搬砖的代码了,生成的放到项目里，可以直接运行B 阿里巴巴数据库连接池druid;??数据库连接池??阿里巴巴的 druid。Druid在监控、可扩展性、稳定性和性能方面都有明显的优势C 安全权限框架shiro ;??Shiro 是一个用 Java 语言实现的框...
HTML标签【代码】
常用标签 <meta > metadata information页面编码（告诉浏览器是什么编码）< meta http-equiv=“content-type” content=“text/html;charset=utf-8”>刷新和跳转< meta http-equiv=“Refresh” Content=“30″>< meta http-equiv=”Refresh“ Content=”5; Url=http://www.autohome.com.cn“ />关键词< meta name="keywords" content="星际2,星际老男孩,专访,F91,小色,JOY" ><!-- 下方标签为该html页面的默认语言为en--><html lan...
HTML速查列表
转自 W3c教程HTML 速查列表HTML 速查列表. 你可以可以打印它，以备日常使用。HTML 基本文档<!DOCTYPE html><html><head><title>文档标题</title></head><body>可见文本...</body></html>基本标签（Basic Tags）<h1>最大的标题</h1><h2> . . . </h2><h3> . . . </h3><h4> . . . </h4><h5> . . . </h5><h6>最小的标题</h6><p>这是一个段落。</p><br> （换行）<hr> （水平线）<!-- 这是注释 -->文本格式化（Formatting）<b>粗体文本</...
ajax与HTML5 history pushState/replaceState实例【代码】【图】
http://www.zhangxinxu.com/wordpress/2013/06/html5-history-api-pushstate-replacestate-ajax/ by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=3432一、本文就是个实例展示三点：我就TM想找个例子，知道如何个使用，使用语法什么的滚粗跟搜索引擎搞基自己备忘精力总是有限的，昨天一冲动，在上海浦东外环之外订了个90米的房子，要借钱筹首付、贷款和领证什么的。HTML5 history相...