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

2026-03-01 12:46:31

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]链接和图片

猜你喜欢