千锋前端浠浠呀老师HTML+CSS教程，零基础web前端开发入门必看视频

1、 图片

<img />

src=”” 路径/地址

路径分类：

绝对路径，从盘符开始查找，可以跨盘符，不能跨电脑

相对路径，有参照物，相对位置关系，有一个变了都会有影响或者找不到，不能跨盘符

<!-- 绝对路径 -->

  <img src="D:\教学\dl-html5-2302\第一周\days2-html标签\2.jpg">

<!-- 相对路径,有依赖关系 -->

<!-- 同级，在同一个文件夹里 ： 直接书写目标文件的名字-->

<img src="2.jpg">

<!-- 下一级，目标图片所在的文件夹和HTML文件在同一文件夹里： 文件夹名/图片名 -->

<img src="img/1.jpg">

<!-- 下两级 -->

<img src="img/img/3.jpg">

<!-- 上一级：HTML文件所在的文件夹 与 目标图片 在同一个文件夹里： ../图片名-->

  <img src="../4.jpg">

  <img src="../../4.jpg">  上两级

图片相关的属性：

src  路径

alt  图片加载失败时的替换文本，方便浏览器识别图片内容

title  鼠标移上的提示信息

width  宽度

height  高度

   定义图片宽高的时候，只写一个，另外一个等比例变化

   同时定义两个尺寸容易导致图片变形