html实例教程:[3]链接和图片
本文介绍html中链接和图片的显示。
链接
1、html通过<a></a>来定义超链接的;还是使用demo.html文件来演示
![html实例教程:[3]链接和图片](https://exp-picture.cdn.bcebos.com/460fdc8333bf3bef6e3a4f0c3f3ea8db564a1ac9.jpg)
2、超链接要使用href参数来设置url。href是Hypertext Reference的缩写。在demo.html中输入:<a href = "http://jingyan.baidu.com/">百度经验</a>
![html实例教程:[3]链接和图片](https://exp-picture.cdn.bcebos.com/fb738d9c2cf7dfb2b86cd198d01b1edef5dc13c9.jpg)
3、浏览器打开:显示“百度经验”,带有下划线,点击后跳转到百度经验界面
![html实例教程:[3]链接和图片](https://exp-picture.cdn.bcebos.com/f59dbe39131fceecbfac76c179c4ec9958430bc9.jpg)
图片
1、html中的图片显示使用<img></img>标签对;保存下图为jingyan.png,将它放在与demo.html的同一目录
![html实例教程:[3]链接和图片](https://exp-picture.cdn.bcebos.com/054056fe1e425d6b71a4569d11883913e9e500c9.jpg)
2、在demo.html中输入<img src="jingyan.png"></img>,由于标签对之间没有内容,可简写成<img src="jingyan.png"/>
![html实例教程:[3]链接和图片](https://exp-picture.cdn.bcebos.com/e9a4f2eeadbcbe2f3a0559ac54dae43b3a8678c9.jpg)
3、浏览器打开
![html实例教程:[3]链接和图片](https://exp-picture.cdn.bcebos.com/3ac71c214f579356d6cee794effb960b302170c9.jpg)