核心提示:1、图像标签img和源属性src(1) HTML中图像标签由img标签定义,其为空标签,没有闭合标签,在页面上显示标签需要使用源属性(src),src指的是source,源属性的值是图像的URL地址(...
1、图像标签<img>和源属性<src>
(1) HTML中图像标签由<img>标签定义,其为空标签,没有闭合标签,在页面上显示标签需要使用源属性(src),src指的是source,源属性的值是图像的URL地址
(2)定义图像的语法:<img src="url"/>
其中url 指的是存储图像的位置,如果名为“boat.gif”位于 www.w3school.com.cn 的 images 目录中,那么其 URL 为 https://www.w3school.com.cn/images/boat.gif。
浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间,那么浏览器会首先显示第一个段落,然后显示图片,最后显示第二段。
2、替换文本属性ALT
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
<img src="boat.gif" alt="Big Boat">
在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。