Mars-HTML5(五)图片的显示

最新推荐文章于 2023-09-18 10:09:06 发布

阳光西西

最新推荐文章于 2023-09-18 10:09:06 发布

阅读量551

点赞数 1

分类专栏： Mars-HTML

本文链接：https://blog.youkuaiyun.com/u013225534/article/details/51927074

版权

Mars-HTML 专栏收录该内容

11 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>显示图片例子</title>
</head>
<body>
<!-- 查看图片相对路径src 如果图片显示失败提示用alt -->
<!-- alt这个提示有浏览器兼容性问题 -->
<img src="../images/rabit.png" alt="看不到这个图片了吧"/>
<!-- 50%表示图片的width是浏览器窗口的50% height同比例变大或者缩小，所以图片不会扭曲-->
<h3> 显示浏览器窗口width 一半宽度的图片</h3>
<img src="../images/house.jpg" width="50%">
<!-- 对于纯色背景用1pix 或者n pix大小对其拉伸 这样缩短网页加载时间-->

</body>
</html>