1、在电脑端安装好一款打代码的软件，不管是DW了还是HBuilder等软件了，安装好软件新建一个Html文件，然后在body中先建立一个div，在div中插入图片，将一张图片以代码的形式置入
2、将图片直接放入后，在网页中打开预览图看到的就是整张完整图片，如图之前选择的图片太大，那么现在打开的网页中就可以满屏的图片，所以接下来我们就要对图片进行设置下
3、在head中建立css样式，然后对div设置宽度以及位置设置，就是width以及margin的设置
4、对div设置了边框边缘设置后，然后对其中的图片进行宽度的100%设置，高度不用管，自动变化即可
5、然后我们在浏览器预览中就可以看到如图所示的样子了，
6、将图片设置好了后，就需要对齐添加链接符了，链接是a标签 ，然后将a标签添加到图片外面，如图所示；然后在href链接地点中输入一个网址，注意前面要填写完整https://
7、对图片添加好了链接后，在网页中，当鼠标经过图片时就会发现鼠标变成抓手状态了，表示可以点击，这时候再点击图片就会在当前网页中打开；如果想要在新页面中打开，只需要在a标签中输入target=_blank 中即可(_blank用英文双引号括起来)
8、如图，点击图片链接后，图片就会在新的界面中打开，不影响之前打开的网页。
