-
html sub标记和sup标记
所属栏目:[MsSql教程] 日期:2020-03-20 热度:162
今天来认识一下两个我不太常用到的html标签:sub标记和sup标记。 定义和用法: sub 标签可定义下标文本。sup 可定义上标文本。都属于行内元素,默认比当前字体稍[详细]
-
网页HTML 有序列表ol 和无序列表 ul
所属栏目:[MsSql教程] 日期:2020-03-20 热度:173
用于组织数据的列表 学习了这么多控制网页显示的HTML标签,读者可以初步制作纯文章页面了。本节学习HTML中的列表元素,列表形式在网站设计中占有比较大的比重,显示信息非常整齐直观,便于用户理解。在后面的CSS样式学习中将大量使用到列表元素的高级作用[详细]
-
HTML实现双11抢劵(设定时间打开抢券的页面)
所属栏目:[MsSql教程] 日期:2020-03-20 热度:193
废话不多说了,直接给大家贴代码了,具体代码如下所示: !DOCTYPE htmlhtml lang=en xmlns=headmeta charset=utf-8 /title/titlestyle type=text/css#result{width:500px;border:1px solid #CCCCCC;background:#FFFFCC;margin:50px auto;font-size:24px;co[详细]
-
HTML实现移动端固定悬浮半透明搜索框
所属栏目:[MsSql教程] 日期:2020-03-20 热度:182
Question. 问题 在移动端商城系统中,我们常常看到位于页面顶部有一个搜索框,这类搜索框博主比较喜欢的是固定在页面顶部,半透明悬浮,能依稀看见部分轮播图的形式。 要制作这样的搜索框,技术关键在于: fixed 搜索框定位 opacity 设置透明度 Solution.[详细]
-
HTML页面自动清理js、css文件的缓存(自动添加版本号)
所属栏目:[MsSql教程] 日期:2020-03-20 热度:186
在web项目开发过程中,我们经常会引用css、js文件,更新文件后常出现缓存问题(明明更改了代码,在浏览器上访问的时候却没有发生变化),这种情况我们通常采用以下两种解决方案: 1、手动清除浏览器缓存 2、添加版本号(如 layout.css?v=1) 个人认为方法2[详细]
-
html 网页跳转代码
所属栏目:[MsSql教程] 日期:2020-03-20 热度:74
将以下代码存为默认首页文件如index.html,放在根目录下即可。 不隐藏转向后地址 html head titleRedirect/title meta http-equiv=refresh content=0;url=new site /head body /body /html 隐藏转向后地址 html head titleRedirect/title /head frameset fr[详细]
-
详解html的几种水平垂直居中的方式(基础)
所属栏目:[MsSql教程] 日期:2020-03-19 热度:52
我们在编写马过程中,想必大家对水平垂直居中的方法了解并不多。所以我给大家总结式的列出几种常用的水平垂直居中的方法。 第一种方法 !--html盒子代码--!--水平垂直居中--div class=Centered1pd第一种/p/div!-css样式部分--.Centered1{background-color:[详细]
-
Html屏蔽右键菜单和左键划字功能的示例
所属栏目:[MsSql教程] 日期:2020-03-19 热度:199
body oncontextmenu=self.event.returnValue=false 禁止左键划字复制 body onselectstart=return false 采用CSS来控制是否可以选择文字 .unselectable { user-select: none;}pYou can select me./pp class=unselectableYou can't select me!/p 禁止右键菜[详细]
-
html2canvas实现dashed虚线边框的示例
所属栏目:[MsSql教程] 日期:2020-03-19 热度:179
html2canvas是一个将html元素生成canvas的库,绘制的canvas大部分样式和CSS一致。比如截止1.0.0-alpha.12,虚线边框依然绘制为实线,border-collapse依然有问题。 这里根据github issues里的一个思路,模拟实现了dashed边框效果。 适用情况:单独边框较多[详细]
-
实现简易html视频播放器的方法
所属栏目:[MsSql教程] 日期:2020-03-19 热度:64
root@tianshl:/data/video# lshch.mp4test.mp4 xyx.mp4 index.html video.list jquery.js index.html !DOCTYPE htmlhtmlheadmeta charset=UTF-8style type=text/cssbody{text-align: center;}#content-wrap{margin-top: 50px;display: inline-block;}#cont[详细]
-
详解HTML常用的标签中行内元素和块级元素
所属栏目:[MsSql教程] 日期:2020-03-19 热度:73
块元素(block element) HTML标签分类明细 * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级容易,也是css layout的主要标签 * dl - 定义列表 * fieldset - form控制组 * form - 交互表单 (只能用来容纳[详细]
-
HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法
所属栏目:[MsSql教程] 日期:2020-03-19 热度:54
就想弄一个winform结合html5的一个小东西,突有兴致,想在里面嵌套一个微信网页版。 好了,想法一出来,就行动吧,最终效果如下图: 一开始就打算在页面里面嵌套一个iframe指向https://wx.qq.com就OK了,但是我还是太天真,微信网页版会自动跳转。结果如下[详细]
-
html+css+js 实现拍照预览上传图片功能
所属栏目:[MsSql教程] 日期:2020-03-19 热度:155
前言:我们在做网页时经常会需要有上传图片的需求,可能是选择图片或者拍照上传,如果简单的使用input type=file/这种方式虽然也能实现功能,但用户体验上可能会差了一些,所以本文记录了使用css+js实现图片选中后的预览及压缩上传功能,部分带来来源于网[详细]
-
Html轻松实现圆角矩形
所属栏目:[MsSql教程] 日期:2020-03-19 热度:113
副标题#e# 问题:如何通过div+css以及定位来实现圆角矩形? 解决方法概述: 内容:首先在body标签内部里添加一个大层(大层用来固定整体大框架),然后大层内包含四个小层(四个小层里分别放四个圆角(事先用ps做好椭圆形形状,然后用切片工具切图 )) 样[详细]
-
Web端的邮件内容HTML格式规范总结
所属栏目:[MsSql教程] 日期:2020-03-19 热度:128
1) 统一使用标准的页头和页尾 XML/HTML Code复制内容到剪贴板 !DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN htmlxmlns= head metahttp-equiv=Content-Typecontent=text/html;charset=utf-8 title如何制作网页格式的邮件/title /head bodystyle[详细]
-
关于alt和title的用法区别详解
所属栏目:[MsSql教程] 日期:2020-03-19 热度:189
经常用到这两个属性,但是一直没有总结他们的区别。现在我对他们两个的用法做一下总结: 相同点:他们都会飘出一个小浮层,显示文本内容。 不同点: 1.alt只能是元素的属性,而title即可以是元素的属性也可以是标签,例如:title标题/title。 2.alt属性则是[详细]
-
深入理解html表单输入监听
所属栏目:[MsSql教程] 日期:2020-03-19 热度:153
function changeVal(value){ console.log($(value).val())} onchange:onchange事件是在前后内容改变,并且失去焦点之后才会触发。 input type=text value= onchange=changeVal(this) oninput:oninput事件则会在value改变时就触发。 input type=text valu[详细]
-
Html制作简单而漂亮的登录页面
所属栏目:[MsSql教程] 日期:2020-03-19 热度:138
副标题#e# html源码: XML/HTML Code复制内容到剪贴板 !DOCTYPEhtml htmllang=en head metacharset=UTF-8 titleLogin/title linkrel=stylesheettype=text/csshref=Login.css/ /head body divid=login h1Login/h1 formmethod=post inputtype=textrequired=re[详细]
-
关于表格table嵌套,边框合并问题的解决方法
所属栏目:[MsSql教程] 日期:2020-03-19 热度:148
外层table与内层table嵌套,内外表格都需边框时,设置border=1,但边框会重复,造成某些地方边框粗,有些地方边框细的问题。 【解决办法】: 外表格样式: table border=1 cellspacing=0 cellpadding=0 style=border-collapse: collapse; 内表格样式: tab[详细]
-
HTML中frameset标签的使用教程
所属栏目:[MsSql教程] 日期:2020-03-19 热度:155
副标题#e# frameset页面与普遍的Web页面有些不同。虽然仍旧以HTML和包含标题的HEAD标记以及其他脚本开始,但是其内容仅仅是表示的各个页面的版式设计。因此,不再需要有BODY元素,只需要frameset标记。 属性介绍 border:设置框架的边框粗细。 bordercolor[详细]
-
HTML input file控件限制上传文件类型_动力节点Java学院整理
所属栏目:[MsSql教程] 日期:2020-03-19 热度:91
网页上添加一个input file HTML控件: input id=File1 type=file / 默认是这样的,所有文件类型都会显示出来,如果想限制它只显示我们设定的文件类型呢,比如word,excel,pdf文件 解决办法是可以给它添加一个accept属性,比如: input id=File1 type=file a[详细]
-
HTML表单_动力节点Java学院整理
所属栏目:[MsSql教程] 日期:2020-03-19 热度:74
副标题#e# HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互。 2.表单的工作机制 3.表单定义(form/form标签) HTML表单是一个包含表单元素的区域, 表单使用form 标签创建。表单能够包含input元素,[详细]
-
HTML iframe和frameset的区别
所属栏目:[MsSql教程] 日期:2020-03-19 热度:125
1.iframe 标签:iframe 是个内联框架,是在页面里生成个内部框架。 2.frameset 标签:frameset定义一个框架集,包含多个子框架,每个框架都有独立的文档。 iframe 标签 iframe 是个内联框架,是在页面里生成个内部框架。 iframe/iframe 属性 frameborder{i[详细]
-
在html中显示JSON数据的方法
所属栏目:[MsSql教程] 日期:2020-03-19 热度:192
有时候我们需要将json数据直接显示在页面上(比如在做一个接口测试的项目,需要将接口返回的结果直接展示),但是如果直接显示字符串,不方便查看。需要格式化一下。 解决方案: 其实JSON.stringify本身就可以将JSON格式化,具体的用法是: JSON.stringify[详细]
-
网页加载进度条详解(推荐)
所属栏目:[MsSql教程] 日期:2020-03-18 热度:91
( 网页加载时,有时内容过多,一直加载等待,而此时网页显示白色不显示任何的东西,给用户的体验相当不好,所以,一般会在网页加载成功前,会以进度条的形式,给用户进行展示。让用户可以看到动画,知道网页正在加载中) 常见的方式有以下: 1. 定时器的进[详细]