如何将一张图片显示在网页上？

最新推荐文章于 2023-06-28 16:52:43 发布

啦啦赛

最新推荐文章于 2023-06-28 16:52:43 发布

阅读量4.6k

点赞数 2

分类专栏： HTML HTTP

本文链接：https://blog.csdn.net/qq_44981039/article/details/114917737

版权

HTML 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

HTTP

3 篇文章 0 订阅

订阅专栏

一、新建一个文本文件，命名为chun；

二、

①直接根据图片大小显示图片

在记事本中编写如下代码，之后保存，将记事本的后缀名改为html，点击运行即可。

<img src="chun.png">

在这里插入图片描述

②将图片填满整个电脑屏幕

将上述HTML文件选用记事本方式打开，修改代码，点击运行

 <style type="text/css">
    *{
        margin: 0;
        padding: 0;
    }
    html,body{height: 100%;}
    /*不让滚动条出现*/
    body{overflow: hidden;}
    img{
        width: 100%;
        height: 100%;
    }
    </style>

<!-- body部分 -->
<body>
    <img src="chun.png">
</body>

在这里插入图片描述

注：图片路径和HTML网页文件（即文本文件）在同一路径

优惠劵

啦啦赛

关注关注

2
点赞
踩
9

收藏

觉得还不错? 一键收藏
1
评论
如何将一张图片显示在网页上？

一、新建一个文本文件，命名为chun；二、①直接根据图片大小显示图片在记事本中编写如下代码，之后保存，将记事本的后缀名改为html，点击运行即可。<img src="chun.png">②将图片填满整个电脑屏幕将上述HTML文件选用记事本方式打开，修改代码，点击运行 <style type="text/css"> *{ margin: 0; padding: 0; } html,body{height: 100
复制链接

扫一扫