HTML5编程教学5img元素镶入图片-绪飞博客网

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>

版权声明 1 本网站名称：绪飞博客网
2 本站永久网址：https://www.93bk.cn
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ2168312466进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END

前端编程教程

HTML5编程教学5img元素镶入图片

请登录后发表评论