html图片和html实体

Posted 2022-11-18 crazier

img标签

<img src="../imgs/msn1.jpg" alt="这是一张图片" title="图片" width="300px" height="300px">

src：存放图片资源路径

示例路径：../html/imgs/banner1.jpg  相对路径（相对当前文档）

                 C:\User\Desktop\web\HTML\imgs\banner1.jpg  绝对路径（基本上不会用到）

alt：当图片无法正常显示时的提示内容

title：当鼠标悬停在图片元素上时显示的提示内容

width：设置图片的宽度

height：设置图片的高度

注意：当修改图片尺寸时，只需修改一个参数，另一个参数会等比例缩放

 

为什么图片之间会有间隙？

html标准文档流 特性：折行留白

 

html实体：

用来表示一些特殊符号（在html语言里具备特殊含义的符号）

       <         &lt;         less-than

       >         &gt;       greater-than

    空格       &nbsp;  相当于按了以下空格键

      &          &amp;

版权标识：&copy;

注册标识：&reg;