是我，我又来了( ゜- ゜)つロ

今天来教大家如何在自己的网页上放小姐姐图片，是不是非常期待呢

废话不多说了，直接讲标签

图片

img标签用于在网页中放置图片

<img src="" alt="">

属性讲解

属性	值
src	图片的路径或链接
alt	图片加载失败时显示的文本

举个栗子

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><img src="https://profile.csdnimg.cn/E/5/9/1_m0_56931236" alt="图片不存在，故而加载失败">
</body>
</html>

上文中的src链接取自CSDN的一位大佬的头像
执行结果如下

由此可见，如果图片加载成功，便会显示在网页中

那如果找不到图片呢？
别着急，继续往下看，我随便写一个链接

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><img src="csdn.png" alt="图片不存在，故而加载失败">
</body>
</html>

此时src属性中的链接并不存在图片，因此会显示alt中的内容，详情请见下图

当图片不存在或者加载失败时，则会显示alt属性中的文本

这就是这篇文章的全部内容了
欢迎大家阅读、评论、点赞、分享哦
明天就是六一儿童节了，萌杰尔在这里提前祝各位小朋友们六一快乐

这是我的微信群，欢迎各位大佬加入

HTML之如何在你的网页上放小姐姐图片相关推荐

基于ZYNQ的网页上传BMP图片至HDMI端口输出实例
目录 Change Log 0 前言 0.1 系统实现 0.2 源码下载 0.3 项目信息 1 ZYNQ开发板HDMI输出BMP图片功能:FPGA相关 1.1 系统框图 1.2 RTL图 1.3 Bl ...
html引入png不显示透明北京,解决在网页上显示PNG图片底色不透明的方法
来源: 网易博客类别: 编程作者: 阿拉蕾发布时间: 2009-9-7 22:09:18 很多时间,我们需要在网页上插入一些没有底色,只有轮廓的图片,而常用的底色透明的图片的有GIF和PNG,如 ...
获取网页上数据（图片、文字、视频）－b
Demo地址:http://download.csdn.net/detail/u012881779/8831835 获取网页上所有图片.获取所有html.获取网页title.获取网页内容文字... . ...
ASP.NET 2.0 －如何于网页上新增包括图片在内的数据至数据库
我们通常会在数据库数据表内储存文数字之类的数据,不过在某些时候,我们也会直接将照片等二进制影像数据储存在字段中.有使用许多朋友询问,在网页上新增数据记录时,如何让用户能够一并选取图片并写入varbin ...
HTML在网页上不能显示图片问题
我遇到的问题是写了一个HTML程序,结果在网页上面不能显示,原因是图片路径放置错了. 修改前代码: <!DOCTYPE html> <html> <head> &l ...
iOS获取网页上数据（图片、文字、视频）
Demo地址:http://download.csdn.net/detail/u012881779/8831835 获取网页上所有图片.获取所有html.获取网页title.获取网页内容文字... . ...
超方便的验证码套件Captcha Genie，帮你轻松在网页上制作出图片验证码！（上）
大家都应该看过网路上有形形色色的图片验证码(Captcha),用来防止一些机器人程式恶意去网页上留言或注册,浪费系统的资源.但是如果你自己有开发网页程式,要如何在自己的网页上设计出又简单.又有效的验证 ...
解决在网页上显示PNG图片底色不透明的方法
来源: 网易博客类别: 编程作者: 阿拉蕾发布时间: 2009-9-7 22:09:18 很多时间,我们需要在网页上插入一些没有底色,只有轮廓的图片,而常用的底色透明的图片的有GIF和PNG,如 ...
如何让网页上的失效图片，显示默认缺省图片
在做网页图片展示的时候,当图片不存在时网页上的图片位置会显示一个红x,这看起来很不好看.此时可以通过js来判断图片是否加载成功,如果未加载成功,则加载默认图片用以提示该图片不存在. 那怎么做呢? 其实 ...

HTML之如何在你的网页上放小姐姐图片

是我，我又来了( ゜- ゜)つロ

今天来教大家如何在自己的网页上放小姐姐图片，是不是非常期待呢

图片

属性讲解

HTML之如何在你的网页上放小姐姐图片相关推荐

最新文章

热门文章