本文介绍了详解左右宽度固定中间自适应html布局解决方案,分享给大家,具体如下:a.使用浮动布局html结构如下<div class="box"> <div class="left">left</div> <div class="right">right</div> <div class="cente
691 2018-11-10 0 691
<area> 标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。area 元素总是嵌套在 <map> 标签中。注:<img> 标签中的 usemap 属性与 <map> 元素 name 属性相关联,创建图像与映射之间的联系。<img> 中的 us
199 2018-11-10 0 199
最近做项目遇到这样的一个功能:在网页中高亮关键字。本以为一个 innerHTML replace 就能实现的简单操作,却遇到了许多的问题。本文就记录这些问题和最终的完美解决办法, 希望能对有同样遭遇的小伙伴有所帮助。只对结果感
139 2018-11-10 0 139
案例说明:
- 使用表格实现页面效果
- 超链接不想要有效果,使用href="#"
- 如果表格里面的单元格没有内容,使用空格作为占位符
- 使用图片标签提交表单 <input type="ima
109 2018-11-10 0 109
HTML两部分组成 head和body ** 在head里面的标签就是头标签 ** title标签:表示在标签上显示的内容 ** meta标签:设置页面的一些相关内容(用的比较少) <meta name="keyword
90 2018-11-10 0 90
摘要 项目 说明 形式 <img src="...">
149 2018-10-13 0 149
一、<div></div>和<span></span>1.<div></div>标签<div></div>标签可定义文档中的分区或节(division/section),从而把文档分割为独立的、不同的部分。<div></div>标签可以作为一种严格的组织工具,并且不使用任何格式与其
147 2018-10-13 0 147
name指定标签的名称。格式<input type="text" name="username" />应用场景①form表单:name可作为转递给服务器表单列表的变量名;如上面的传到服务器的名称为:username='text的值'。②input type='radio'单选标签:把几个单
162 2018-10-13 0 162
简介 最近在做大作业的时候需要做一个弹幕播放器。借鉴了一下别人的源码自己重新实现了一个,演示如下主要的功能有发送弹幕
设置弹幕的颜色,速度和类型
显示弹幕
已知缺陷:不能全屏canvas没有做自适应
没有自定义播放器
126 2018-10-13 0 126
简介meta标签是HTML语言HEAD区的一个辅助性标签。meta常用于定义页面的说明,关键字,最后修改日期,和其它的元数据。这些元数据将服务于浏览器(如何布局或重载页面),搜索引擎和其它网络服务。mata 标签包含全局属性(https://d
163 2018-10-13 0 163
<input>标签<input> 标签用于搜集用户信息。type属性根据不同的 type 属性值,输入字段拥有很多种形式。可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。text:文本区域 readonly属性:是否只读。p
61 2018-10-13 0 61
table表格,这个东西大家肯定都不陌生,代码中我们时常都能碰到,那么给table加一个斜线的表头有时是很有必要的,但是到底该怎么实现这种效果呢?我总结了以下几种方法:1、最最最简单的做法直接去找公司的UI,让她做一张图片,作为
46 2018-10-13 0 46
前言meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转
42 2018-10-13 0 42
这里我们介绍一下form元素与表单提交方面的知识。form元素form元素的DOM接口是HTMLFormElement,继承自HTMLElement,因而它与其他的HTML元素拥有相同的默认属性,不过它自身还有几个独有的属性和方法:
104 2018-10-13 0 104
HTML提供了5种空格实体(space entity),它们拥有不同的宽度,非断行空格( )是常规空格的宽度,可运行于所有主流浏览器。其他几种空格(       ‌‍)在不同浏览器中宽度各异。 它叫不换行空
53 2018-10-13 0 53
<script>标签 在HTML5中script主要有以下几个属性:async,defer,charset,src,type, async(可选): 关键词:异步脚本,外部文件,立即下载; 当标签中包含这个属性时会立即下载脚本(外部文件),只对外部脚本文件有效,下载
47 2018-10-13 0 47
废话不多说了,直接给大家贴代码了,具体代码如下所示:<html> <head><title>Table</title></head> <body> <table border="1"> <thead> <tr> <td>
35 2018-10-13 0 35
为什么在input标签类型为file上传文件时在标签中设置属性 accpet="image/*",打开本地文件夹的速度特别慢?经过测试发现,在mac里面safari、Firefox、Chrome(opera不知道为啥老闪退)都没有卡顿问题在windows里面,Firefox不
43 2018-10-13 0 43
写在最前记得以前在人人上看到一个分享,讲解基于js的截图方案,详细的不记得了,只记得还挺有意思的貌似用了canvas?所以这次打算自己写一个分享给大家作者的思路。这只是一个很简陋的小demo如有bug请提issues。按照惯例po
47 2018-10-13 0 47
现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera、Mozilla、Chrome),支持H.264的(Safari、IE 9、Chrome),都不支持的(IE6、7、8)。好吧,现在让我们从技术层面来认识HTML
35 2018-10-13 0 35
由于工作所需,最近花时间研究了html转换为pdf的功能。html转换为pdf的关键技术是如何处理网页中复杂的css样式,通过在网上收集资料,发现目前html 转换为pdf的解决方案主要分为三类:客户端模式:前后台调用客户端程序,利用客
86 2018-10-13 0 86
本文介绍了使用HTML+CSS实现鼠标划过的二级菜单栏的示例,分享给大家,具体如下:先上效果图:1、鼠标没在上面2、鼠标放在一级菜单上,展开二级菜单3、鼠标放在二级菜单上代码:<html><head> <title>二级菜单测试</title>
45 2018-10-13 0 45
废话不多说了,直接给大家贴代码了,具体代码如下所示: <!--方法1: onfocus=this.blur() 当鼠标放不上就离开焦点 --><input type="text" name="input1" value="中国" onfocus=this.blur()> <!-- 方法2:readonly 文字不
33 2018-10-13 0 33
在web项目开发过程中,我们经常会引用css、js文件,更新文件后常出现缓存问题(明明更改了代码,在浏览器上访问的时候却没有发生变化),这种情况我们通常采用以下两种解决方案:1、手动清除浏览器缓存2、添加版本号(如 layout.css
45 2018-10-13 0 45
将 json 数据以美观的缩进格式显示出来,借助最简单的 JSON.stringify 函数就可以了,因为此函数还有不常用的后面2个参数。见MDN https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JS
22 2018-10-13 0 22