在 HTML 中,图像由 <img> 标签定义。
<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。
要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。
定义图像的语法是:
<img src="url" />
URL 指存储图像的位置。如果名为 "boat.gif" 的图像位于images 目录中,那么其 URL 为images/boat.gif。
下面来为大家介绍一下img标签的属性,img标签的属性最常用的有以下几种:
1:src属性指定图片存储的路径
2:width属性指定我们图片的宽度,高度会等比例缩放! 不要手动设置高度
3:title属性用来设置鼠标悬停时的提示信息
4:alt属性用来设置当我们图片加载失败的时候,显示的信息。
代码示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>图片</title>
</head>
<!-- 背景图片 -->
<body background="images/dyzh.jpg">
<!-- 这个图片是网页中的一个元素 -->
<!-- <img src="images/bd.png"></img> -->
<!-- 开始标签和结束标签之间没有内容的话,可以直接把结束标签删除掉,开始标签末尾添加 / -->
<img src="images/bd.png"/>
<!-- img标签的属性有哪些呢? -->
<!-- src属性:用来指定图片的路径 -->
<!-- width属性:用来指定图片的宽度,高度会等比例缩放! 不要手动设置高度。-->
<!-- title属性用来设置鼠标悬停时的提示信息。 -->
<img src="images/bd.png" width="200px" title="点击我跳转到百度哦!" />
<!--alt用来指定当图片加载失败的时候的提示信息 -->
<img src="im/bd.png" alt="图片找不到了哦!" >
</body>
</html>
更多推荐
HTML中的img标签
发布评论