整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
发生重大哀悼事件时候，需要紧急将网站变灰以示哀悼，在此虫虫给大家总结了几种方法，通过简单修改一下站点样式即可实现。
另外主要方便快捷的方法是使用CSS样式的grayscale()方法。
grayscale() : 对图片进行灰度转换，grayscale是 <filter-function> 的子属性，当100%参数时候的效果如下：
最简单地把页面的<html>开始标签中间之间加：
style="-webkit-filter: grayscale(100%);"或者修改站点CSS样式
html {-webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);}将上述代码添加加到CSS最顶端就可以实现。
为了兼容多种浏览器标准，可以增加一下样式：
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
_filter:none;
}如果网站后台无法定义CSS样式，这需要在站点模板页的head标签中间插入style标志位：
<style>
html{-webkit-filter: grayscale(100%);}
</style>对于一些老的网站，为了支持该函数需要修改html标头，将其修改为最新标准标头才可以：对一些使用Flash（不在建议使用）的老站点，起颜色可能也不支持CSS滤镜变灰，则需要在可以在FLASH代码的<object …>和之间插入：
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
对于一下没有办法修改源站代码的情况下，也可以在Nginx站点代理无服务器上，通过sub_filter指令来实现。
受限确保nginx支持http_sub_module模块，如果不支持需要重新编译安装Nginx，自爱安装时候添加build参数—with-http_sub_module
然后在Nginx的http模块增加如下代码：
sub_filter '</head>' '<style type="text/css">html{ -webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}</style>';sub_filter_once on;然后nginx -t测试配置正常无误
nginx -s reload 重启nginx即可
活和工作中，我们经常需要拍摄或扫描文字类的图片。例如，孩子的作业完成后要用手机拍照上传到微信里；发给客户的合同要用扫描仪处理成电子版发送出去；上级部门下达的红头文件要用扫描仪扫描成电子档长久保存。
有时候因为拍摄技术不佳、光照条件不好、保存不当等原因，这些文字类的图片可能会出现灰底，也就是图片底色灰蒙蒙的，从而影响字迹显示效果。严重的时候灰底会接近黑底，甚至出现透底（纸背面的字迹会透过来）。
要想优化这样的文字类图片，去掉图片背景上的各种灰影，让灰底恢复成纸张的白色，我们一般会想到借助于Photoshop这样的图像处理软件。但是Photoshop太专业了，有图像处理功底的人尚且用着费劲，更别提我们这种完全不懂的小白了。市面上也有一些能去除灰底的工具软件，但是都各有不足，要不就无法处理重度灰底，要不就只能在手机上使用，要不就是对于免费用户不友好，会在处理后的图片上添加产品水印
那么有没有一款既操作简单，又效果不错，同时还免费的文字图像去底软件呢？
有！
这就是多可软件制造商近期推出的一款专业级图像去底软件——原本专业级图片去灰底与增强软件
"原本"能把文件、合同、书籍的扫描图片或照片背景里的各种阴影和杂质都去掉，保留其中的彩色部分，使文件干净、字迹清晰，更接近文档本来的模样。
原本专业级图片去灰底与增强软件有两大特点：
先来看下原本的操作如何简单：
原本操作上最突出的优点是：
没有繁复的操作，不需要设置令人望而生畏的参数，去除灰底只需一键。
下图是原本软件的操作键，整个软件所有的按键都在这里：
"打开"和"保存"，分别用来打开电脑上的图片和将处理好的图片保存到电脑上，剩下的中间六个按键就是功能按键。
这六个按键又分成两大块。
头三个按键是最主要的基础按键，去灰底就靠他们。
去灰底操作过程相当简单：
先点击【打开】打开电脑上的图片->然后再点击这三个按键中的一个->完成
那三个按键应该按哪个？一般说来，点击哪个都行。不过这三个按键在功能上还是有细微区别的：
【见证神奇】：最常用的按键。一般质地的文档图片，只要使用该键就能完美去灰底。
【超黑底灰】：当灰底比较严重、甚至有透底时，使用该键。
【初心本色】：如果图片中有彩色文字或印章，例如红字、红章，可以直接使用该键。也可以先使用前两个按键中的一个完成去灰，再使用本键来恢复图片中的色彩。
通常情况下，到这时就已经完成去灰底操作，可以点击【保存】键将处理后的图片保存到电脑上了。
但如果您对图片有更高要求，想做进一步优化，则可以使用后面的三个按键：
【扫除麻点】：有点像遮瑕膏。如果页面上还留有少量麻点，可以用它来去除；
【强化对比】：类似于化妆时打阴影。可以增强文档的对比度，并去除部分浅灰点。
【文档美颜】：约等于相机里的"美颜"功能，能柔化文档中的图片，以获得更好的打印效果。
原本软件的操作就是如此简单，那么处理后的效果究竟如何呢？
无论原图质地有多差，经原本处理后，图片都会焕然一新，非常接近纸质文件本身，也就是白底黑字，字迹清晰，纸面没有阴影和杂质。
下面我们分别看看原本软件对三个图例的处理效果。
下图1 。在处理图纸的扫描图片时，因为图片灰底一般，不算严重，也没有彩色部分，所以最基本最常用的【见证神奇】就够用了：
从上面两图的对比能看出明显区别。原图的黄底和页面中间偏右下那团灰色的阴影，在处理后的图片中都不见了。整个图片显得干净和清晰。
下图2。图2是书籍的照片，由于纸张较薄，导致照片上的黑底太严重了，严重到能看到背面的文字，这就属于透底。这种严重黑底和透底更适合使用【超黑底灰】：
处理完后，右侧的文字图片也同样是干干净净的，字迹非常清晰，完全可以用来打印了。
再看看图3。图3是个带红章和蓝色logo的合同扫描件，因为图片中有色彩，而且图片灰底不太严重，所以处理时直接使用【初心本色】就可以了：
处理后的图片很明显比原图洁白而清晰，已经很接近文档本来的模样了。
而且图片经过去灰底处理后，由于文字清晰了，对于后期进行OCR识别也更有优势，文字识别的正确率会高很多。
如此简单好用的软件竟然还是免费的！
无论您是自用还是商用，原本专业版不收取任何费用。没有使用时间限制，没有使用次数限制，没有图片处理数量限制，也不会在您处理后的图片上添加产品水印。
原本就是这么厚道。
不过在您准备下载使用软件前，还得提醒您两点：
要下载原本软件，请前往原本官网：http://www.legalsoft.com.cn/yuanben.html
官网页面会对软件进行不定期更新，您可直接下载最新版本。下载软件解压缩后，无需安装，直接点击yuanben.exe就能运行。
百闻不如一见，百见不如一试。本文提到的三个图例的原图在原本软件里也附带了，大家可以亲自操作体验一下。当然您还能打开自己的扫描图片，看看原本能带给你怎样的惊喜。
家好，昨天给大家介绍了HTML上篇的内容，包括web前端开发的要素、HTML注释使代码进入不执行状态、HTML声明结构以及头部标签，还给大家介绍了了标题标签、文本标签、段落标签以及超链接的几种常用标签、希望大家已经学习到了并且以及掌握，接下来我们继续介绍HTML剩余的几个超级常用的标签：
图片标签
语法：<img src=”” width=”” height=”” alt=””>
列表标签
列表标签分为有序列表和自定义列表。
有序列表分为两种形式，这里小编就不过多做文字等言语上的介绍，下面的例子就可以一目了然了：
1.<ul type=”disc|square|circle”>
<li></li>
</ul>
效果如下
2.<ol type=”a|A “ start=”数字”>
<li><li>
</ol>
效果如下
自定义列表
<dl>
<dd></dd>
<dt></dt>
</dl>
如下
表格标签
表格标签的功能很强大，它不仅可以使数据内容更加美观整齐，而且可以使网站数据和其他用途显得更加专业化、其中后台数据库在网页中的展现形式大多都采用表格的形式，因为表格的布局形式是HTML语言中比较整齐易于上手的布局形式，当然有人会说<div>的盒子模型更为强大、小编在以后会介绍到，那个不属于HTML范畴，好了，不多废话了，我们一起来认识下表格标签吧！
外围标签
<table witdth height boder color align cellpadding cellpacing></table>
表格标题 <caption></caption>
行<tr></tr>
列<td></td>
表格头<th></th>
合并行 rowspan
合并列 colspan
Valign跟在align标签的后面用来对内容位置的进一步调整；
代码如下
<table border="1" width="800" height="800" cellspacing="0" cellpadding="0">
<caption>颜色表</caption>
<tr>
<th>红色</th>
<th>黄色</th>
<th>紫色</th>
</tr>
<tr >
<td rowspan="2" bgcolor="red">1</td>
<td valign="top">2</td>
<td>3</td>
</tr >
<tr>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td colspan="2" bgcolor="green">1</td>
<td>3</td>
</tr>
效果如下
From表单
在这里给大家提个醒，from表单是前后端特别是和php前后端数据相互交互的重要媒介和组成部分，希望大家可以好好了解下表单，为以后的学习打下良好的基础。
<from action=”” method=”” enctype=”” name=””></form>
Action 设置接收和处理浏览器递交的表单内容的服务器程序的链接
Method 用来定义浏览器将表单中的信息提交给服务器端的处理程序的方式，取值可以为：GET或POST get在本页面传值 post在服务器回传值
Enctype 一般不使用，为默认，在文件上传时需要设定改变
单行文本框
<input type=”text” name=”” value=”” size=”” maxlength=””/>
多行文本框
<textarea rows=”” cols=””name=””></textarea>
密码文本框
<input type=”password” name=”” size=”” maxlengrh=””/>
单选框
<input type=”radio” name=”’ value=”” checked=”checked”>
Name值相同的为一组
复选框
<input type=”checkbox” name=”” value=”” checked=”checked”
复选框的name值相同为一组
综上如下
Label标签绑定属性
语法
<form>
<label for=”命名”></label>
<input type=”radio” name=”” id=”命名”>
</form>
下拉菜单
<select name=”” size=” multiple=”mulitple”>
<optgroup label=””>
<option></option>
</optgroup>
</select>
如下
隐藏框
按钮
提交按钮
<input type=”sumbit” name=”” value=””/>
重置按钮
<input type=”reset” name=”” value=””/>
普通按钮
<input type=”button” name=”” value=””/>
如下
readonly与disabled属性
readonly
readonly 属性规定输入字段为只读,但其value值仍会被表单提交
readonly属性只针对text、password和textarea有效
disabled
disabled属性规定禁用该表单元素，其value值不会被表单提交
disabled属性对所有表单元素均有效，包括select, radio, checkbox, button等
使用disabled属性后表单元素背景会变成灰色
HTML中FROM表单input type:
框架
这里所说的框架并不是大型前端框架或者是后端框架，而是HTML里对网页构架的一种固定模式，如果说表格是对网页小范围布局的话，那么框架可以对整个HTML网页起到整体的构架和布局的作用，例如我们熟悉的w3school网站，当然还有很多网站也用到了，我们来了解下：
<frameset cols=”10%,*,10%”>/*frameset框架cols表示分列，如果分三列则如上所述，rows分行，同列；其中*为自适应剩余面积。
<frame name=”’ src=”” noresize=”noresize” scrolling=”yes/no/auto”><frame>
</frameset>
去掉框架的边框 frameborder=”0/1” 0为无1为有 如果有则设置boder=””;
Framese的跳转
跳转到frame指定板块
给对应的frame定义name名字
<frame name="right" src="left.html"/>
修改跳转方式
<a href="one.html" target="right">第一页</a>
Noframe标签
<frameset">
<noframes>
<body>
你的浏览器不支持框架
<body>
</noframes>
</frameset>
Iframe内联式框架
<iframe name=”规定iframe的名称” src=” 规定在iframe中显示的文档URL” frameborder=”0|1” width=”” height=”” scrolling=”规定是否滚动”></iframe>
Marginheight: 定义 iframe 的顶部和底部的边距
Marginwidth: 定义 iframe 的左侧和右侧的边距
跳转
跳转到顶级
<a href=”” target=”_top”></a>
跳转到父级
<a href=”” target=”_parent></a>
跳转到新页面
<a href=””” target=”_blank></a>
本页面跳转
<a href=”” target=”_self></a>
自定义跳转”
好了，HTML就给大家介绍到这里，希望大家看了小编的HTML介绍，已经对网站开发有了入门级的了解了吧。
*请认真填写需求信息，我们会在24小时内与您取得联系。
