很多站长朋友们都不太清楚html5怎么添加图片，今天小编就来给大家整理html5怎么添加图片，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 html5教程 如何加背景图片 2、 HTML怎样插入图片 3、 html5中如何导入图片 html5教程 如何加背景图片html5加背景图片可以通过：
1.首先可以去写一个div，然后这个div当然宽高是一定要有，然后在div中去设置要的背景图片，是否重复等属性，repaet这个来设置，no-repeat(是不重复)、repeat-x（沿着x轴重复）、repeat-y（沿着Y轴重复）这里我提交一段代码：
<div id = 'test'></div>
<style>
#test{
width：300px;
height:400px;
background:url('图片的地址')no-repeat;
}
</style>
这样背景图片就设置好了！
HTML怎样插入图片插入图片可以使用img标签来实现。
1、新建html文件，如图所示，在body标签中插入img标签，需要注意的是，img在html中没有结束标签，所以不需要添加“</img>”。给标签添加“src”属性，属性值填写想要添加图片的路径，这里以和html同一目录下的1.png为例，这样图片就插入完成了：
2、为了防止用户浏览网页时无法加载图片，可以给img标签添加“alt”属性，这个属性可以在图片加载失败时显示出来以告诉用户这里是张什么图片，还可以在用户将鼠标放在图片上是显示提示信息，这里以属性值“鹦鹉”为例：
3、img标签中插入的图片宽和高默认是图片自身的宽和高，如果想要自定义宽和高的话，可以用“width”和“height”来控制，这里以宽和高都是200为例，为width”和“height”设置属性值为“200”：
html5中如何导入图片具体方法如下：
<img src="/data/upload/help/202211/30/090dbd614a66a56a5eadec87f59ea15c." alt="图片描述">
例：<img src="/data/upload/help/202211/30/6c1c578acd1f9d1eab61508bb2a85ae9.png" alt="">
html5中设置整页背景图片的方法是利用css3样式：
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}
@media screen and (max-width: 1024px) { /* Specific to this particular image */
img.bg {
left: 50%;
margin-left: -512px; /* 50% */
}
}
关于html5怎么添加图片的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html5怎么添加图片 在html中怎么添加图片的详细内容...