HTML - 技术教程文章
AJAX基础（三）——DOM基础及DOM操纵HTML【代码】
DOM的概念 DOM= Document Object Model，文档对象模型，DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说，这是表示和处理一个HTML或XML文档的常用方法。有一点 DOM很重要，DOM的设计是以对象管理组织（OMG）的规约为基础的，因此可以用于任何编程语言。最初人们把它认为是一种让JavaScript在浏览器间可移植的方法，不过DOM的应用已经远远超出这个范围。Dom技术使得用户页面可以动态地变化，如可...
MVC中使用HTML Helper类扩展HTML控件【代码】【图】
文章摘自：http://www.cnblogs.com/zhangziqiu/archive/2009/03/18/1415005.htmlMVC在view页面，经常需要用到很多封装好的HTML控件，这篇文章主要讲述，怎么自己扩展和定制自己需要的控件。----------------------------------------------------------HTML Helper类是ASP.NET MVC框架中提供的生成HTML控件代码的类. 本质上与第一种方式一样, 只是我们可以不必手工书写HTML代码,而是借助HTML Helper类中的方法帮助我们生成HTML控件...
HTML5基础
1.HTML是什么?HTML是用来描述网页的一种语言,它是一种超文本标记语言,也就是说,HTML不是一种编程语言,仅是一种标记语言.2.HTML特点简易性：超级文本标记语言版本升级采用超级方式，从而更加灵活方便。可拓展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。平台无关性：虽然PC大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛...
网页开发学习笔记五: HTML行内块级元素【代码】
标签分类块级元素div h1~h6 p ul li特点 独占一行可以设置宽度嵌套(包含)下, 子块元素的宽度(没有定义的情况下)与父块元素宽度默认一致<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><style type="text/css">div{height: 200px;background-color: orange;}p{height: 300px;background-color: green;}.box{width: 100px;}.box p{width: 300px;height: 100px;background-color: pink;}</style></head><b...
HTML中button标签点击实现页面跳转【代码】
方法1：使用onclick事件<input type="button" value="按钮" onclick="javascrtpt:window.location.href=‘http://www.baidu.com/‘" />或者直接使用button标签<button onclick="window.location.href = ‘https://www.baidu.com/‘">百度</button> 方法2：在button标签外套一个a标签<a href="http://www.baidu.com/"><button>百度</button> </a>或使用<a href="http://www.baidu.com/"><input type="button" value=‘百度‘></a> ...
html5shiv.js让吃屎的IE6、IE7、IE8支持html5去吧【代码】
插件介绍用于解决IE9以下版本浏览器对HTML5新增标签不识别，并导致CSS不起作用的问题。所以我们在使用过程中，想要让低版本的浏览器，即IE9以下的浏览器支持，那么这款html5shiv.js是一个非常好的选择！上面这段代码仅会在IE浏览器下运行，还有一点需要注意，在页面中调用Html5.js文件必须添加在页面的head元素内，因为IE浏览器必须在元素解析前知道这个元素，所以这个js文件不能在页面底部调用。 使用方法<!--[if lt IE 9]> <scr...
HTML表格标签【代码】
<table>表格标签 常用属性： border指定边框 width宽 height高，内容多不用指定，自动适应 bgcolor背景颜色 align对齐方式，控制表格 background背景图片<caption>表格标题<th>表头单元格<tr>行 常用属性： bgcolor背景颜色 align对齐方式，控制内容 background背景图片<td>列table>tr>td【此时按下Tab（制表键），输入内容中间和后面都不能留有空格和换行等内容】 表格合并 colspan跨列 ...
HTML 特殊字符彻底剖析
HTML彻底剖析(14)特殊字符 ■ 常用特殊字符 只要你认识了 HTML 标记，你便会知道特殊字符的用处。 HTML 原代码显示结果描述<<小于号或显示标记>>大于号或显示标记&&可用于显示其它特殊字符""引号®?已注册©?版权™?商标  半个空白位  一个空白位 不断行的空白ISO Latin-1 特殊字符 HTML 原代码显示结果描述Æ?Uppercase AE diphthingÁáUppercase A, acute accentÂ?Uppercase A, cir...
HTML5安全风险之Web Storage攻击详解
一、WebStorage简介HTML5支持WebStorage，开发者可以为应用创建本地存储，存储一些有用的信息。例如LocalStorage可以长期存储，而且存放空间很大，一般是5M，极大的解决了之前只能用Cookie来存储数据的容量小、存取不便、容易被清除的问题。这个功能为客户端提供了极大的灵活性。二、攻击方式LocalStorage的API都是通过Javascript提供的，这样攻击者可以通过XSS攻击窃取信息，例如用户token或者资料。攻击者可以用下面的脚本遍历本...
关于HTML的入门要点
HTML是Hyper Text Makeup Language 的缩写。在设置文本格式时，背景最好是蓝色或黑色，字体为1.6大小，间距1.4。主要使用浏览器依次为谷歌、火狐、openair、IE等，文档分为head、body、paragraph三部分，对应的是开始和结束标签，<head> <body> <p> </p> </body> </head>，一定要注意的是不要忘记结束标签。链接是由<a>定义的，链接的地址是在herf属性中定义的。p+tab键是段落，pre+tab是格式化，strong+tab是加强语气，也就是加粗...
如何使用JS脚本从HTML中分离图片标签与文本，替换文本中指定的内容并加粗（原创）【代码】
var html=‘ddfsdfsdfdsd dfsdfsdffds<img _src="http://localhost:8490/60E86EA7-FE7B-44BF-8270-4DF2036B2118.PNG" data-latex="x=\frac {-b\pm \sqrt {{b}^{2}-4ac}} {2a}" src="http://localhost:8490/60E86EA7-FE7B-44BF-8270-4DF2036B2118.PNG" class="kfformula">dfsdfsrewewrererew ds<img _src="http://localhost:8490/60E86EA7-FE7B-44BF-8270-4DF2036B2118.PNG" data-latex="x=\frac {-b\pm \sqrt {{b}^{2}-4ac}} {2a}...
相比于HTML4，HTML5废弃的元素有哪些？【代码】
第一类：表现性元素basefontbigcenterfontsstrikettu建议用语义正确的元素代替他们，并使用CSS来确保渲染后的效果第二类：框架类元素因框架有很多可用性及可访问性问题，HTML5规范将以下元素移除。frameframesetnoframes但html5支持iframe。第三类:属性类很多表现性的属性也被新规范移除，如下：alignbody标签上的link、vlink、alink、text属性bgcolorheight和widthiframe元素上的scrolling属性valignhspace和vspacetable标签上的c...
html5上传图片【代码】
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-"><title>html 图片上传预览</title><script src="jquery/jquery-1.8.2.min.js" type="text/javascript"></script><script type="text/javascript">$(function(){$("input[type=‘file‘]").change(function(evt){var files = evt.target.files; for (var i =0 , f; f = files[i]; i++) {if (!f.type.match(‘image.*‘)) {continue;...
html框架练习-基本网页制作【代码】
index.html <html><head><title>html框架</title><meta charset="utf-8"></head><frameset rows="90,*,90" noresize="noresize" frameborder="1" border="1"><frame name="top" src="top.html"/><frameset cols="20%,80%"><frame name="left" src="left.html"/><frame name="right" src="right.html"/></frameset><frame name="bottom" src="bottom.html"/></frameset></html>top.html<html><head><title>网页的顶部</title><meta ...
HTML5 常用标签属性【代码】
<input type="submit" value="提交" autofocus="on" formaction="b.jsp"><input type="submit" value="提交" formaction="c.jsp">提交不同的界面 上传<input type="file" multiple="multiple">multiple 允许上传多个文件<input type="text" pattern="[0-9]{6}" required="required" placeholder="请输入六位邮箱" title="格式不正确"> pattern里面填正则 required不能为空 placeholder提示内容 title错误后的提示信息原文：http:...
关于html5音频如何应用及解决方法?【图】
叙述HTML5音频支持状态糟糕的文章已有很多。事实就是如此，所以我不会在此赘述这一观点。相反，我主要着眼于开发者在特定平台中将会遇到的问题及潜在解决方式。 HTML5 audio from codecanyon.netable 上表总结了网页浏览器当前的市场份额。Internet Explorer依然是主要的桌面浏览器，紧随其后的是Chrome和Firefox。在手机领域中，Safari主导市场，这主要归功于强大的iOS品牌，紧随其后的是Android。因此，我们将照此顺序逐一进...
HTML标签总结【代码】
1. HTML常用标记：属性值需要带等号连接，属性值需要带引号(单、双引号都可以文本标题：h1~h6 i. h1:一般应用在网页文章标题，网站的logo处 ii. h2:新闻稿件的标题，或者是二级标题处 iii. h3:新闻稿件居多，布局元素中有加粗效果 iv. h4~h6:根据实际情况选择应用段落文本：p空格：  (能够实现空出一个字符)换行：<br/>水平线：<hr/>加粗： i. <b>加粗的内容</b> 只是显示加粗 ii. <strong>强调的内容</strong> 突出的文...
asp.net core 设置默认文档index.html【代码】
参考：https://jingyan.baidu.com/article/6079ad0e3e212168fe86db75.html在Startup.cs的Configure添加app.UseFileServer();示例：publicvoid Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory) {if (env.IsDevelopment()){app.UseDeveloperExceptionPage();}else{app.UseHsts();}app.UseHttpsRedirection();app.UseStaticFiles();//开启index.html app.UseFileServer();app.UseMvc(...
解决问题 “You don't have permission to access /index.html on this server.”
前几天装一个WAMP，打开测试页面的时候出现如下错误：ForbiddenYou don‘t have permission to access /index.html on this server.开始我以为我配置出错,花半天时间都没有搞定,今天终于搞定了.原因：index.html是用root用户建的文件，apache权限不够。解决方法：更改文件权限；chmod 755 index.html 如果是WIN 2003下出现这个问题,请按以下方式解决打开apache配置文件httpd.conf，找到这么一段：<Directory /> Options Follow...
html5 canvas 填充渐变形状【代码】【图】
<!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><script src="js/modernizr.js"></script></head><body><script type="text/javascript"> window.addEventListener(‘load‘,eventWindowLoaded,...
Win10最新bulid预览版继续改进Edge的HTML5性能
负责 Edge 浏览器开发的微软员工 Kyle Pflug，今天早些时候在 Twitter 提前泄露了微软 Edge 浏览器新版本的 HTML5 性能，根据他公布的截图，Windows 10 Build 10525 当中，微软 Edge 浏览器新版本在 html5test 这款软件当中的得分是 440 分，高于内建在 Windows 10 正式版 Build 10240 当中 Edge 浏览器 402 的得分。还必须指出的是，测试使用了 html5test 的最新版本 6.0 版，但是它不能识别 Edge 浏览器对指针事件的支持，这意味...
解决JSON包含HTML标签无法显示的问题
主要是将json无法识别的字符进行转义 function dotran($str) { $str = str_replace(‘"‘,‘//"‘,$str); $str = str_replace("/r/n",‘//r//n‘,$str); $str = str_replace("/t",‘//t‘,$str); $str = str_replace("//",‘//‘,$str); $str = str_replace("/b",‘//b‘,$str); return $str; }这样返回的数据就可以正常显示，下面是转换后的内容：jsontext=‘{"jqry":[{"id":"12...
HTML 运算符，类型的转换【代码】
1.类型转换： 分为自动转换和强制转换，一般用强制转换。 其他类型转换为整数：parseInt（）； 其他类型转换为小数：parseFloat（）； 判断是否是一个合法的数字类型：isNaN（）； 是数字的话返回false，不是数字的话返回ture。示例： 需要将prompt放进isNaN方法内2.运算符： 数学运算符：+ - * / % ++ --； 关系运算符：== ！= >= <= > <； 逻辑运算符：&& || ！； ...
HTML 调用iscroll.js主要事项【代码】【图】
iscroll是一款很不错的滚动控件(js)，但是在调用的时候，需要注意一些事项：1、iscroll支持水平和垂直滚动，那么在调用的时候，一定注意滚动div必须大于父div，也就是说，父div的宽度或者长度必须规定；2、计算好子div和父div之间的宽度或者高度比值。比如，如果是水平滚动，父类width属性是100%，那么scroll中的宽度定义为300%，就表示，水平可滚动3个div节点简单举例说明： 父div对应的css如下.divscript{position:absolute; to...
2014年辛星完全解读html第五节【代码】
如果读者是一位后台开发者，那么肯定会知道什么叫表单，这里我们就介绍一下前台如何使用表单，表单的使用也是我们编写网页的必须经历的一关，而且，表单也往往是我们网站的漏洞和弱点出现的地方。 *************表单************* 1.所谓表单，就是一个包含表单元素的区域，所谓表单元素，可以是输入文本的文本框，也可以是用于输入密码的密码框，还可以是各种各样的下拉框，还有可能是单选框和复选框。 2.表单通常需要定义一个方法...
HTML5-样式【代码】
外部样式，内部样式，内链样式<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>HTML样式</title><link rel="stylesheet" type="text/css" href="mystyle.css"><style type="text/css">p{color: #ed3cff;}</style></head><body><h1>标题h1</h1><p>欢迎来到极客学院www.jikexueyuan.com</p><a href="http://jikexueyuan.com" target="_blank" style="color: darkgreen">点击我跳转到极客学院</a></body></html> ...
HTML表单
表单基础结构 1、 表单介绍表单是HTML中很重要的一部分，主要功能是用来收集用户信息。用户提交表单后会将信息传送给服务器，实现用户与web服务器之间的交互。语法: <form> 表单元素（文本框、单选框、复选框、按钮、列表……） </form>*表单本身是不可见的，只有表单元素可见，所有的元素要写在表单内。 Form标签中，以下标签实现表单元素添加： 标签描述<input>表单输入标签<select>菜单和列表标签<o...
HTML自学
HTMLHTML元素HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。HTML 元素语法HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容（empty content） 空元素在开始标签中进行关闭（以开始标签的结束而结束） 大多数 HTML 元素可拥有属性原文：https://www.cnblogs.com/qiaozhi8/p/12302642.html
将图片的二进制字节字符串在HTML页面以图片形式输出【代码】
具体实现代码如下：1、新建一个一般处理程序： Image.ashx 1using System;2using System.Collections.Generic;3using System.Linq;4using System.Web;5using System.Net;6using System.Drawing.Imaging;7using System.IO;8 9namespace Test 10{ 11///<summary>12///测试图片以二进制字节输出到HTML页面（显示成图片） 13///</summary>14publicclass Image : IHttpHandler 15 { 1617publicvoid ProcessRequest(HttpContext conte...
html5兼容问题【代码】
html5对于ie9一下的版本不支持，所以我们可以添加（你可以下载至本地）：<!--[if lt IE 9]> <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]--> 原文：https://www.cnblogs.com/alex-xxc/p/10009228.html