JavaWeb_HTML(5)_HTML 图片标签

版权声明:如需转载,请注明出处 https://blog.csdn.net/qq_36260974/article/details/88366304

HTML 图片标签

图片标签:img

  • 属性:
    src:图片的位置。
    height:高度。
    width:宽度。
    alt:当图片不存在的时候,给出的提示。
    title:真的图片你把鼠标至于上面给出的提示信息。
  • 注意:如果同时给宽和高,请注意图片本身的比例。否则,你只需要给宽或者高即可。它会自动按照缩小或者增大的比例显示

示例代码:

<html>
	<head>
		<title>www.weiyuxuan.com</title>			
	</head>
	<body>
		<h1>图片标签的使用</h1><!--图片需要放到源文件处-->
		<hr/>
		<img src="1.jpg" width="160"/>
		<img src="2.jpg" width="160" height="160"/> <!--不推荐使用,会造成图片压缩-->
		<img src="3.jpg" width="320" title="第三张图片"/>
		<img src="4.jpg" alt="出错了。。图片不存在"/>
	</body>
</html>

结果图:
在这里插入图片描述
如有错误,欢迎指正!

猜你喜欢

转载自blog.csdn.net/qq_36260974/article/details/88366304