您现在的位置:首页 >> 前端 >> 内容

HTML图像标签(img>和源属性(src>,替换文本属性ALT

时间:2017/10/28 10:00:01 点击:

  核心提示: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">

在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。

Tags:HT TM ML L图 
作者:网络 来源:gloria_che