html实例教程:[3]链接和图片

2024-10-24 05:19:53

本文介绍html中链接和图片的显示。

链接

1、html通过<a></a>来定义超链接的;还是使用demo.html文件来演示

html实例教程:[3]链接和图片

2、超链接要使用href参数来设置url。href是Hypertext Reference的缩写。在demo.html中输入:<a href = "http://jingyan.baidu.com/">百度经验</a>

html实例教程:[3]链接和图片

3、浏览器打开:显示“百度经验”,带有下划线,点击后跳转到百度经验界面

html实例教程:[3]链接和图片

图片

1、html中的图片显示使用<img></img>标签对;保存下图为jingyan.png,将它放在与demo.html的同一目录

html实例教程:[3]链接和图片

2、在demo.html中输入<img src="jingyan.png"></img>,由于标签对之间没有内容,可简写成<img src="jingyan.png"/>

html实例教程:[3]链接和图片

3、浏览器打开

html实例教程:[3]链接和图片
猜你喜欢