前言:
在网页我们除了能看到大量的文字之外,我们还能开到非常多的图片,而且图片是网页组成的非常重要的一部分,我们必须要知道如何在网页显示图片。
下面我们重点讲解图片标签的使用。在卡其漫画的页面也是非常的图片的的。
从上图中我们可以看到页面上有非常多的图片。
那我们要怎么做才能将图片放到页面上显示呢? 图片标签这个就非常重要了。
语法:
<img src="图片的地址">如果我们要在页面放一张图片就需要通过img标签来处理。在img标签中有几个属性
src: 将要显示的图片的地址放在这个属性中
alt: 当图片地址错误或者图片丢失的时候,文字提示用户
下面看案例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<img src="桌面文件/案例/images/01.jpg" alt="">
</body>
</html>
在浏览器显示:
如果图片的地址不对或者图片丢失了,我们需要在alt中写文字提示。如下:
<!DOCTYPE html>
<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属性必须要写哦。
猜你喜欢:
前端与移动开发课程