图片标签

最新推荐文章于 2024-08-26 17:49:33 发布

dodobibibi

最新推荐文章于 2024-08-26 17:49:33 发布

阅读量407

点赞数

本文链接：https://blog.csdn.net/dodobibibi/article/details/87399107

版权

图片标签

在页面中加入图片，并设置图片的大小和图片的说明文字信息

举例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签</title>
</head>
<body>

<img src="doc/meitu01.jpg" title="meitu">
<!--格式:<img src="路径" title="文字说明">-->
<!--src: 图像的路径,网络上的图片或者本地图片均可;
	title:鼠标放在图片即可显示的文字内容-->

<img src="doc/meitu01.jpg" width="1000px" height="1000px">
<!--设置图像的宽度(width)以及高度(height)-->

<img src="doc/meitu01.jpg" width="1000px" height="1000px" alt="这是一个风景图">
<!--alt: 图像的文字说明,图片不存在或者未加载出来显示的文字-->

this is a image: <img src="doc/meitu01.jpg" title="meitu" align="center">
<!--align: 图像和周围文本的对齐方式,eg:left,right,top,middle-->

<!--图片链接 img a-->
<a href="http://www.baidu.com" target="_blank"><img src="doc/meitu01.jpg"></a>
<!--点击图片即打开新的窗口并跳转到指定的url地址-->

</body>
</html>