HTML 图像

在网页中经常能看到丰富多彩的图片,大家肯定很好奇这些图片是如何放到网页中的呢,其实很简单,学习了本章介绍的图片标签之后就了解了。

1. img 图像

img 是 英文单词 image 的缩写,意思是图像,它是 HTML 中最通用的定义图片的方式,是一个闭合标签,定义方式如下 :

<img src = "url" alt = "" /> <!-- 定义一个图片 -->

其中 src 属性是必须属性,用来指定图片所对应的 URL 地址。

1.1 src 属性

src 的全称是 source,表示图片的 URL 地址源。源就是表示图片的地址路径,这个路径可以是相对路径,也可以是绝对路径。绝对路径指的是一个包含网络协议头的完整路径,常用的网络协议是 HTTP 协议,例如 https://www.baidu.com/img/bd_logo1.png;相对路径是指这个图片文件跟当前的网页在同一个服务域,例如:/img/bd_logo1.png

实例演示
预览 复制