JavaEE
鸿蒙应用开发
HTML&JS+前端
Python+大数据开发
人工智能开发
电商视觉设计
软件测试
新媒体+短视频
集成电路应用开发
C/C++
狂野架构师
IP短视频
HTML中img图片标签的用法？【案例讲解】
更新时间:2020年07月08日18时17分 来源:传智播客 浏览次数:
前言：
在网页我们除了能看到大量的文字之外，我们还能开到非常多的图片，而且图片是网页组成的非常重要的一部分，我们必须要知道如何在网页显示图片。
下面我们重点讲解图片标签的使用。在卡其漫画的页面也是非常的图片的的。
从上图中我们可以看到页面上有非常多的图片。
那我们要怎么做才能将图片放到页面上显示呢？ 图片标签这个就非常重要了。
<img src="图片的地址">
如果我们要在页面放一张图片就需要通过img标签来处理。在img标签中有几个属性
src： 将要显示的图片的地址放在这个属性中
alt： 当图片地址错误或者图片丢失的时候，文字提示用户
下面看案例：
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<img src="桌面文件/案例/images/01.jpg" alt="">
</body>
</html>
在浏览器显示：
如果图片的地址不对或者图片丢失了，我们需要在alt中写文字提示。如下：
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<img src="桌面文件/案例/images/011.jpg" alt="这是一个大美女哦">
</body>
</html>
此时img标签中的src属性中的图片的地址下是没有这张图片的。
在浏览器显示效果如下：
从上面我们就知道了如何在页面显示一张图片了。我们要使用img标签。而且大家注意。img标签中的src属性和alt属性必须要写哦。
猜你喜欢：
前端与移动开发课程
最新资讯
0
分享到：
江苏传智播客教育科技股份有限公司 版权所有Copyright 2006-2024 All Rights Reserved 苏ICP备16007882号营业执照增值电信业务经营许可证出版物经营许可证
苏公网安备 32132202001156号