HTML基础教程-13-HTML图片img标签【动力节点】原创

那行，看看图片吧，有同老师，这个图片跟这个背景有背景图片有什么区别，注意啊图片。是浮在您网页上面的一个一个元素，如果您是背景图，那是贴在哪的呀，贴在你整个这个网页的背景上的，它是两回事啊各位。听懂了吗？他位置不一样啊。你如果是一个图背景图片，那就是说你整个这个网页的背景呗，如果你单独说一个图片的话，那就是跟背景没关系了，它是在你这个盒子里面一张。盒子里边放了一个一个元素，可移动的元素，就盒子里边放了一张照片一样。但是你盒子本身有底色吗？

这个盒子本身的底色是什么？就是这个。但是你盒子里边放的这个照片，那就是图片吗？这样去区分来点右键新建一个HTML文件，各位啊，就008呗，起个名叫HTML的什么图片啊，直接说图片得了啊，图片创建图片啊。没来，那就img就行了，Img啊。这就是图片src属性。写图片的路径。还可以设置图片的什么宽度高度等等信息，图片你可以再来一个呀，来个换行行不行，多来几个换行行吗？来把这个图片再拿过来放到这，那这是两个图片吗？是不是来图片。

来。运行。这是一个图片，这个图片和这个图片之间用换行，大家看见了吗？这有个换行的呀，这。是吧，啊有换行啊有换行，那这块呢，咱们可以设置图片的宽度吗？100像素打开。不是这个。这个。是吧，哎，你要注意同学注意什么呢？注意你设置宽度就行，高度千万别深，高度设置之后就失真了，失针了啊。来。明白我说的意思吧，就是说你只设置它宽度的时候，高度会随着变。

等比例缩放。只是设置高度不管用啊，所以这块呢，我想向大家传达一个这个信息啊，就是什么呢？设置图片的时候，设置图片宽度和高度的时候啊，只设置宽度高度会进行等比例缩放。这是第一点，第2.src这个以妹标签，就是一个什么图片标签啊，然后呢，Src属性是什么，是图片的什么路径啊，再往下外。

设置什么宽度，Height设置什么呀，高度啊，再往下还有一些别的，比如说title。我是百度图片哦。来。鼠标悬停到这个图片上，看鼠标的右下角显示我是百度图片哦，是吧，也就是说这个属性它是用来设置什么的，设置鼠标悬停时显示的什么。信息。啊，来看还有一个alt这样的属性啊，图片找不到啊来那这个。

Alt是用来设置什么的，我们把这个打开。有效果吗？没有是吧，那如果说您写的这个文件。由于网络阻塞，阻塞这个图片没有从网络当中加载进来，或者说您这个图片压根就不存在，那这个时候它会显示一个什么呢？刷去了是吧，是不是刷去找去了，找图片去了啊，我们换一个浏览器。明白吧？不，你不用管它加载不加载，总之它显示没显示这句话图片找不到哦是吧，哎，就是说这个alt是设置什么，设置图片加载失败时显示的提示信息。

就一共这么几个属性，各位啊，一共就这么几个属性。S2C是干啥的？设置图片的路径、宽度、高度，Title是悬停文本，Alt是图片，找不到的时候提示文本，提示文本。嗯，这个图片呢，我想说的是什么呢？大家看有没有看到我这个写这个标签的时候，后边我没这么写，你看。这么写行不行啊？行。运行一下子。哎呀，我的天呐。这块的一个路径得改吧。改一下啊得了，这俩是不是都行都行各位就是说。

如果说您在以后的开发过程当中啊。有开始标签，也有结束标签。开始结束标签这个位置如果什么也不写的话，有一种写法是把后边这个标签删除，前面加个斜杠。记住了啊，记住了这样。就开始标签结束标签中间，如果这个位置没东西的话，您可以把它删了，写这样一种写法，可以这样写。好，但是你硬要这么写行不行也行，没人拦你啊，没愿意怎么写怎么写啊，这个方式也行，好了，那这样的话，我们把这个以image纸咱们就说到这啊，这是关于一个图片。