简述HTML标签之图像标签和路径

图像标签

  • 单标签
<img src="图像URL"/>

其中src属性为必须属性,用来指定图像文件的路径和文件名。在写图像的路径时,通常以HTML文件为参考,因此,必须把图片和HTML文件放在一起。

  • 其他属性

  alt属性

 <img src="img1.jpg" alt="替换文本" />

alt属性用于当图像无法显示时,替换成文本。

 title属性

 <img src="img1.jpg" title="提示文本" />

title属性用于当鼠标放到图像上时,显示文本。
注意:图像标签有多个属性,必须写在标签名的后面;属性之间部分先后顺序,均以空格分开;属性采取键值对的格式。

图像路径

  • 相对路径
    以引用文件所在位置为参考基础而建立出的目录路径(这里是图片相对于HTML文件的路径)。
相对路径分类 符号 说明
同一级路径 图像文件位于HTML文件同一级,如
下一级路径 / 图像文件位于HTML文件的下一级,如:
上一级路径 …/ 图像位于HTML文件的上一级>
  • 绝对路径
    目录下的绝对位置,直接到达目标位置。如D:\Web\imges\logo.gif或完整的网址。

在看的你们懂了吗?懂了就点个赞呗

你可能感兴趣的:(笔记,html)