图片＜img＞

最新推荐文章于 2024-08-05 10:20:29 发布

无情绅士

最新推荐文章于 2024-08-05 10:20:29 发布

阅读量5.4k

点赞数 11

分类专栏： HTML初级教程文章标签： html html5

本文链接：https://blog.csdn.net/qq_44532839/article/details/110292161

版权

HTML初级教程专栏收录该内容

2 篇文章 0 订阅

订阅专栏

图像标签演示源代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图像标签</title>
</head>
<body>
    图片路径 src="图片文件路径"<br>
    <img src="图像标签.jpg" ><br>
    （alt 替换文本，当图像不能时显示的文字）<br>
    <img src="图像标签1.jpg" alt="图片标签" ><br>
    （titl提示鼠标放在图像上，显示的文字）<br>
    <img src="图像标签.jpg" alt="图像标签" title="图像标签" ><br>
    (width设置图像宽度，height设置图像高，当只存在其中之一时等比例缩放)<br>
    <img src="图像标签.jpg" alt="图像标签" title="图像标签" width="500" height="300"><br>
    (border 设置图像边框粗细)<br>        
    <img src="图像标签.jpg" alt="图像标签" title="图像标签" width="500" border="4"><br>
    
</body>
</html>

运行结果
图像标签运行效果图
图像标签详细介绍

无情绅士

关注

11
点赞
踩
36

收藏

觉得还不错? 一键收藏
打赏
0
评论
图片＜img＞

图像标签演示源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>图像标签</title></head><body> 图片路径 sr
复制链接

扫一扫