如何让图片有震动效果？
可以通过使用CSS3动画技术来给图片添加震动效果。
具体实现方式是在CSS中使用@keyframes定义一段动画序列，然后通过animation属性将该动画序列添加到图片上。
其中，关键帧可以通过transform属性来实现图片的旋转、平移、缩放等效果，通过animation-timing-function属性可以控制图片震动的速度和幅度。
如果需要让震动效果更加生动，还可以使用javascript来控制动画的播放和结束时的动作，比如添加声音或者改变图片的透明度等。
总的来说，通过CSS3动画技术和javascript的结合，可以实现非常生动、炫酷的图片震动效果。
html只能写网页吗？
也可以开发移动和桌面app，下面我介绍一种简单的利用html来开发桌面应用的方法，使用Hex，Hex使用HTML5和Node.js构建桌面应用解决方案，可以快速构建跨平台的桌面应用，实验环境win7，软件nodepad++，主要步骤如下：
1.下载安装Hex，这个直接到官网上下载就行，直接点击下载，一个zip压缩包，如下：
2.解压后的文件如下，一大堆配置文件和dll，不用管这些：
3.为了方便测试，我这里在安装目录下边新建了一个www目录，里面新建一个test.html文件，其内容如下，很简单，就是打印出输入信息：
3.在安装目录下边，找到manifest.json，将这个文件的的修改如下，主要是配置一下加载文件的路径，如下：
5.双击运行hexclient，程序运行截图如下，不过样子看着不咋的，就简单测试一下，勉强看看:
至此，一个简单的利用Hex来开发桌面应用的例子就介绍完毕。也可以利用electron来开发桌面应用，整个过程也不是很难，网上也有许多相关的教程，我这里就不详细介绍了，感兴趣的可以搜搜。至于开发移动应用，可以使用hbuilder，开发、打包发布也挺快的，希望以上分享的内容能对有所帮助吧。
感谢悟空邀请，我个人认为，想要知道html能干什么，那么你就必须要清楚什么是html?html是大部分前端使用的基础语言，通过文档介绍也知道，html是一个超文本标记语言，所以它有着丰富的标签，可以用它呈现出各种丰富多彩的静态资源。一下就简单介绍下html能做什么？
首先，可以把它做为一个纯静态网页，展示一些静态资源给用户，比如图片，视频，音频等，对于无需和后台交互的页面html可以很好的呈现并展示给用户。
其次，html可以配合众多脚本语言使用，比如javascript，他们结合使用可以做出更炫更酷的页面，并且可以和后台有交互，这种对于前端用户需要和后端交互的场景下，html配合脚本语言可以很好的达到效果。
最后，学习html为你学习其他前端框架打下基础，无论什么前端框架基本都离不开html，所以html可以做很多事情，只要你学好了，就能用它做很多炫酷屌炸天的事。
综上所述html可以做网页，结合脚本语言可以做动态网页，甚至像现在的h5还可以开发移动端页面，并且可以很好的兼容各种移动设备，还具有极强的跨平台性，可以实现一次开发，多个移动终端同时适用。
以上是我的个人观点，认可请点赞，喜欢请关注，欢迎评论和转发，我是程序员，愿意与你一起探讨前端那些事儿。
HTML最主要的是写网页了，它是网页制作的第一步，但是也可以写桌面应用exe和移动APP，其实是将HTML写好的网页用一些工具打包为桌面应用exe和移动APP，打包为桌面应用exe可以使用NW.js这个工具，NW.js是Intel开发的一个基于node.js和chromium的程序运行环境，打包html网页很快，打包移动APP可以使用HBuilder这个工具。
严格意义上来说，HTML就是写网页标记的，通过浏览器解析运行。但是因为大多数桌面操作系统和主流手机系统都有支持网页的浏览器核心和支持node的V8引擎的应用框架，所以也使得HTML、CSS、JavaScript得以在各系统中解析运行。比如：桌面系统流行的electron，手机系统流行的cordova等。但是，毕竟是网页应用，会受到浏览器核心技术和平台支持的影响，所以运行速度比更接近系统底层的应用流畅，但是用来做一般的业务应用足矣。如果是以图形渲染为主的应用，现阶段还是不建议用它的。
怎样让搜索引擎更“喜欢”自己的网站？
谢谢邀请
刚好自学过这块内容。这个有专业的岗位，叫SEO优化专员，专门对网站进行“面向搜索引擎的优化”，大致要优化内容如下：
一、关键词出现频率
1、全文关键词重复出现，网页标题、关键词标签、描述标签、内容中中出现关键词（1-3个）；密度控制在全文2-8%
2、最好申请的域名也带有关键词（英文或拼音）
3、可以对关键词加粗或者斜体
4、用TAG标签将关键词聚合到一起
二、内容质量和更新频率
1、以原创的内容为主，不要用转载内容
2、网站内所有页面内容独立，与其他页面至少30%差异
3、有规律更新内容，最好是每天更新
4、内容围绕页面关键词展开，与整站主题相关
三、关联链接
1、与人气旺的网站互相做友情链接
2、站内各页面做关联链接
四、网站结构
1、网站前端显示代码至少是DIV+CSS结构，网页少用flash、Ajax、js调用、session ID、frame框架、各种跳转
2、URL尽量使用静态链接，链接层级不要太深，导航清晰
总之，面向搜索引擎优化不是一次性工作，是一个长期持续的优化过程。当然，SEO优化不是灵丹妙药，虽然可以为网站带来一些流量，但不会带来持续的大流量，最终还是要看网站自身的内容是否吸引用户
让搜索引擎喜欢自己的网站，在互联网上叫SEO。我就是做这个的。所以我来分享一下：
我就不从专业属于来回答这个问题，用通俗易懂的故事来说明。
让搜索引擎更喜欢你的网站，首先你得有一个好网站。
1、这个网站在互联网上是独一无二的，网站的代码和架构一定要复合规范。
2、域名要用最常用的，比如com、cn、
com.cn
、net等等，这些都是最早的域名，各方面都已经很完善了。3、是服务器，俗名叫空间、主机。一定要快，要稳定，要复合规范。就好比一个人一样，我让你介绍一下自己，你半天没反应，反应过来，说话轻飘飘的，肯定不会有好感。
以上是基础。
网站、域名、服务器都有了，并且很完美了，剩下的就是开始“讨好”搜索引擎了。搜索引擎的算法千篇一律，大致相同，无论是百度、360、谷歌、搜狗、搜搜等等，他们喜欢的都是好的东西，而网站上提现的无非就是文字、图片、视频。那么内容一定要完善好，没有抄袭，图片清晰，视频有内涵等等。
这些做好搜索引擎就喜欢你了。你的网站就会有一定的排名。
不过别着急，这只是开始，如果想排名更好更高，那就要持续不断的更新内容，包含文章、产品等等。持续输出好的内容才能获得好的排名。还有一点就是叫外链和内链的东西，就是把你网站放到别人的网站上，让蜘蛛爬虫在检索到别人网站是，通过链接找到你网站，你网站链接的入口越多，排名也就越高。
不好懂？我通过一个比喻来说：
搜索引擎模仿动物和人在更新算法。你的网站就好比一个虫子，一个虫子只有动了，蜘蛛才能注意到你，才会把你的网站给网住，每天动一次，每天都会来网你一次，长期不动就长期不网你了。这对应的就是你网站内容的更新。
再比喻就是内链，就是你网站的关键字链接到对应的产品上，就好比人的血脉一样，相互链接才能让网站更健康。
再比喻外链，你的网站好比是一个人，好多的网站都有你的链接，就好比很多人都认识你，认识你的人多了，你就成了名人了。权重自然就高了。
最后总结一下，网站的排名靠的是内容、外链和内链。好内容的持续更新，外链权重的提高，搜索引擎就会持续的喜欢你的网站。
喜欢翻译成行业词叫收录快。
如何让 搜索引擎收录快你的网站，先来点基本的吧：
1，用什么网站模版无所谓，只是不要为了炫酷而采用flash、纯图片一类的方式建设网站。普普通通的网站模版足够使用。（当然也要看你网站用途）
2，该写齐全的标题摘要和正文都写上，体现网站能为用户提供的核心内容价值，点到为止，不要听那些seo专家的搞一堆关键词堆砌，对搜索引擎权重没啥正向作用不说，用户看着不爽觉得你网站山寨感十足，对你网站的信任程度降低就糟糕了。
3，除非涉及用户交易，一般中小网站轻易不要搞https。没那个必要。（当年目光短视，认为不必要搞https，但现在看来这一条现在很重要，切记，一年半以后回来加个备注）
4，首页外链还是要搞一些的，否则搜索引擎抓取系统根本找不到你的网站。但也别搞太多，对于大批量产生的外链，搜索策略是可以无视，甚至加以惩罚的。
1.要原创内容
2.要及时更新，做到每天有新内容
3.设置合理的关键词
4.做外链，高PR值的外链，一般要PR值4以上
5.动态网站静态化，做伪静态
6.做网站地图
7.付费，做关键词竞价
程序员如何轻松实现数据可视化？
这里以Web前端为例，简单介绍一下程序员是如何实现前端数据可视化的，主要内容如下：
Highcharts.js
这是一个纯粹的JavaScript可视化库，完美支持移动端，可以快速的为Web网站添加具有交互性的图表（包括曲线图、散点图、柱状图、条形图、饼图等），个人可以免费学习使用，下面我简单介绍一下这个库的使用：
1.首先，引入Highcharts.js库，这里以最简单的CDN引入为例（也可在本地下载后引入），直接在script标签src属性中指定CDN地址就行，基本思路先创建一个div容器，然后通过JS API引入图表，Html部分代码如下，非常简单：
2.接着就是JS API配置图表，这里直接根据官方文档配置就行，每个参数介绍的都非常详细，也有示例可供参考，添加到上面的Html代码图标配置那块就行，测试代码如下，一个简单的柱状图：
用浏览器打开这个html文件，效果如下，就是我们需要绘制的图表，还不错：
3.官网也提供了许多的示例，几乎涵盖了各种图表数据的制作，非常适合初学者学习，注释的很详细，也可在线编辑运行，感兴趣的话，可以学习一下，非常有用：
ECharts.js
这是百度设计开发的一个Web前端可视化库，可以流畅的运行在PC和移动设备上，并且提供高度可定制化的图表，种类繁多，交互丰富，下面我简单介绍一下这个库的使用：
1.首先，引入ECharts.js库，这里也直接src引入就行（或者本地引入），基本思路和Highcharts.js一样，先创建一个div容器，然后通过JS引入图表就行，Html部分代码如下，也很简单：
2.接着也是JS API配置图表并进行显示，这里也按照官网文档设置就行，非常详细，测试代码如下，一个简单的柱状图，添加到上面的Html echarts图表那块：
用浏览器打开这个html文件，效果如下，非常不错：
3.更多图表示例可以参考官网，包括地图、热力图、雷达图、极坐标图等，介绍的非常详细，也可在线编辑运行，效果非常不错：
D3.js
这是一个非常强大的前端可视化库，出现的比较早，组件和属性众多，几乎可以绘制各种图表，眼花缭乱，下面我简单介绍一下这个库的使用：
1.首先，引入D3.js库，这个直接通过script标签的src属性在线引入就行，Html代码如下，很简单，很好理解：
2.接着就是在script那部分进行图表绘制，这里都是函数式的编程，代码量比较多（但设置操作更灵活），需要一定的JS基础，对于初学者来说，理解使用起来还是具有一定的难度：
浏览器打开的效果如下，非常不错：
3.更多示例可以到GitHub官网上查看，介绍的非常详细，也有源代码可以下载到本地参考学习：
至此，这里就简单介绍完了程序员如何进行Web前端数据可视化。总的来说，这3个前端可视化库使用起来都非常不错，Highcharts.js和ECharts.js适合初学者学习和掌握，文档和资料也比较多，D3.js学习起来具有一定的难度，资料也是以官方的英文教程为主，感兴趣的话，可以研究一下，毕竟功能非常强大，当然，你也可以使用其他可视化库，像G2等也都非常不错，网上也有相关教程和资料可供参考，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言补充。