本次使用的是图片切换的效果主要javaScript来实现功能。
一、什么是HTML，HTML怎么作用法，HTML具体能做什么？
HTML是超文本标签语言（Hyper Text Markup Labguage）,标准用过标记语言下的一个应用。HTML不是编程语言，而是一种标记语言（markup language）,是自作网页的首选。
HTML 超文本编程语言定于：超文本标记语言是标准 用标记语言下的一个应用，也是个一种规范，一种标准。它通过标记符号来标记要，起到标记的重要作用，那么本次就是使用到了javaScript可以实现点击图片切换。
1、首先创建一个大的div声明一个class这个名称，div里面也可以放几个小的div里面就可以放img这个标签，img这个标签就可以把图片存进来。
文章图片
2、用CSS来实现它的样式，给几个img标签来装他的图片 然后在css里面设置高度宽度文本居中最后图片的样式就出来了，还有div这个标签也是设置左浮动外边距，然后就可以得出图五的效果图了。
文章图片
3、写好script这个来包含下面所写的js，下一步就是获取上面那个div的元素的id, 然后绑定点击事件，是否点击打开当前这个窗口的图片！写好事件和打开图片的窗口。
文章图片
4、判断鼠标是否触发当前这个事件，一触发的话就要获取到前面div那个几张图片，就看你当前是击到那一张图片了，如果是点击到第一张的话，触发到那个图片的事件那里去，然后那张照片就会显示到当前那个全屏。
文章图片
5、请看最后的效果图，当前的话就是已经点击到第三张效果，那么的话它现在就已经是显示到最后的大屏了！
文章图片
【HTML|JavaScript图片切换】
推荐阅读
- JavaScript|【JavaScript】DOM (四) 轮播图超详细讲解
- 前端|前端-js网页特效（终章）超详细的轮播图效果及原理 一篇彻底吃透！
- html|SpringBoot学习（五）——————Thymeleaf +bootstrap 分页
- java|SpringBoot学习（三）—————— 框架整合其他框架之三（Thymeleaf）
- web开发学习|HTML期末大作业放在了阿里云服务器上
- spring|40 个 SpringBoot 常用注解
- CSS|CSS（四）盒子模型+圆角边框+盒子阴影+文字阴影
- #|HTML5新特性
- 前端|css高级技巧