目录

图片标签

单标签。定义html页面中的图像

属性：

图片标签应用实例

例1：路径：在当前目录下添加一张图片（替代文本：你好。width：300px。height：600px。title：您好啊！）

代码：

例2：路径：在img目录下添加一张图片（替代文本：你好。width：300px。height：600px。title：您好啊！）

代码：

最终显示效果：

补充：路径可以为绝对路径、相对路径（最常用，如例1与例2）、网络路径

子级关系： /

父级关系：../

同级关系：./ （可以省略）

例如——网络路径的引用：

图片标签

• <img>单标签。定义html页面中的图像

  • 属性：

    • src：路径（图片地址与名字）
    • alt：规定图像的替代文本
    • width：规定图像的宽度
    • height：规定图像的高度
    • title：鼠标悬停在图片上给予提示

图片标签应用实例

• 例1：路径：在当前目录下添加一张图片（替代文本：你好。width：300px。height：600px。title：您好啊！）

  • 代码：

    • <img src="dangqianmuluxia.jpg" alt="你好" width="300px" height="500px" title="您好啊！">

• 例2：路径：在img目录下添加一张图片（替代文本：你好。width：300px。height：600px。title：您好啊！）

  • 代码：

    • <img src="img/imgmuluxia.jpg" alt="你好" width="300px" height="500px" title="您好啊！">

• 最终显示效果：

  • 

补充：路径可以为绝对路径、相对路径（最常用，如例1与例2）、网络路径

• 子级关系： /

• 父级关系：../

• 同级关系：./ （可以省略）

  • 例如——网络路径的引用：

    • 步骤：
      • 
    • 代码：

      • <img src="https://tse2-mm.cn.bing.net/th/id/OIP-C.LPT7VSQ7yoFdqaAnrO8kQgHaO0?w=174&h=349&c=7&r=0&o=5&dpr=1.12&pid=1.7" alt="你好" width="300px" height="500px" title="您好啊！">

      • 效果：
      •