一、img标签
1、img标签的作用:用来告诉浏览器我们需要显示一张图片
2、img标签格式:<img src = " xxx.jpg">
-- img标签中的src是英文source的缩写,src 是用来告诉img标签,需要显示的图片名称
3、注意点:
-- 和H系列标签、P标签、Hr标签不一样,img标签不会独占一行
4、img标签的属性
width:宽度
height:高度
-- img标签中的width和height 这两个属性的作用:是用来告诉标签将来需要显示的图片的宽和高
-- 如果 img 标签没有指定需要现实的图片宽高,那么系统会按照图片默认的宽高显示
-- 如果img 标签指定了宽高,那么系统会按照指定的宽高显示
-- 如果我们手动指定了img标签的宽高,有可能导致图片变形;如果想指定宽高的图片不变形,可以指定宽度或高度的其中一个值即可,只要指定其中一个值(高 / 宽 ),系统会自动根据该值计算出对应的宽 / 高,并且等比拉伸,不会变形
title:用来告诉浏览器,当鼠标悬停在图片时显示的内容
alt :是英文alternate的缩写,用来告诉浏览器当需要显示的图片找不到时显示的内容
二、img标签路径问题:想给src属性赋值有2种方式
1、通过相对路径赋值:
-- 相对路径就是每次都是从.html文