JavaWeb_HTML（5）_HTML 图片标签

最新推荐文章于 2024-08-11 19:10:50 发布

魏宇轩

最新推荐文章于 2024-08-11 19:10:50 发布

阅读量1.1k

点赞数 2

分类专栏： HTML（更新完）文章标签： JavaWeb 图片标签 HTML

本文链接：https://blog.csdn.net/qq_36260974/article/details/88366304

版权

HTML（更新完）专栏收录该内容

21 篇文章 2 订阅

订阅专栏

本系列博客汇总在这里：JavaWeb_HTML 汇总

1、属性

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

2、示例

<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>