img的属性
- src:必要属性,指定图片来源的属性
- Alt属性:当图片无法显示时替换文字,
- width和heigt属性,指定图片的宽度和高度;单位是像素或百分比
px是像素,%是百分比
Title属性
Title属性:属性值为字符串,效果是当鼠标移动到该位置时显示该内容
例:<img src=”貂蝉.png”alt=”貂蝉” width=”25%” title=”貂蝉”>
代码展示
<!DOCTYPE html>
<html>
<head lang="zh-cn">
<meta charset="utf-8">
<title>第五天学习文档</title>
</head>
<body bgcolor="bisque">
<h1 align="center">四大美女</h1>
<!--这个用了之前的两个元素一个背景主题颜色,一个居中对齐元素-->
<hr />
<!--这个就是加横线-->
<p>
<img src="貂蝉.png"alt="貂蝉" width="20%" title="貂蝉">
<!--src元素就是图片的地址,alt元素就是图片加载不了就会显示名字,width元素是图片的宽度,
heigt元素是图片的高度后面的数值就不解释了title元素是你鼠标放上去会显示一些字如果没加就没有
-->
<img src="王昭君.png"alt="王昭君" width="20%"title="王昭君">
<img src="西施.png"alt="西施" width="20%"title="西施">
<img src="杨贵妃.png"alt="杨贵妃" width="20%"title="杨贵妃">
</p>
</body>
</html>
© 版权声明
THE END
请登录后查看评论内容