很多站长朋友们都不太清楚怎么把图片加进html，今天小编就来给大家整理怎么把图片加进html，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 html怎么添加图片 2、 html中如何加入背景图片 3、 如何在html中加入图片 html怎么添加图片html添加图片的方法如下：
1.打开html软件。
2.导入项目。
3.找到要添加图片的位置。
4.写【img src=“图片路径”】即可。
超文本标记语言（Hyper Text Markup Language），缩写为HTML，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言 （markup language），是网页制作所必备的工具。“超文本”就是指页面内可以包含图片.链接，甚至音乐.程序等非文字元素。
超文本标记语言（或超文本标签语言）的结构包括“头”部分和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
html中如何加入背景图片在html中某个div里加入背景图片的话，主要有以下几种方式：
第一种： 在css文件里加入背景图片：在css里用url(images/背景图2.jpg)，在内联css和引入css中会由于html文件和css文件所处的相对位置不同，引入图片路径会有所不同。
如图：
第二种：在html中引入：<div class="detail" style="background-image: url(/data/upload/help/202211/19/747f9dc7f64e8553f5feaa1e5d081846.jpg)"></div>，同理url()括号里是图片的引入路径。
如图：
第三种：在div中加一张图片
<div class="detail" >
<img src="/data/upload/help/202211/19/747f9dc7f64e8553f5feaa1e5d081846.jpg" alt="" style="width:100%;height:100%">
</div>
如图：
当图片小于背景区域大小时，图片会不断重复显示，如果不想图片重复显示，可以设置background-repeat，background-repeat有4个值，分别是repeat（代表重复显示）、no（代表不重复）、repeat-x（代表水平方向上重复）、repeat-y（代表垂直方向上重复）
当图片小于背景区域大小时，默认从左上角开始铺，如果想从任意位置开始铺，可以使用background-position属性，设置在x、y方向的偏移量。
当图片大于背景区域时，只显示图片左上角。
当图片和背景区域大小一样大时，显示整张图片。
如何在html中加入图片html中图片的标签是<img> 具体使用方法如下：
如何插入图像：
<img loading="lazy" src="/data/upload/help/202211/19/240d1f6a1dd9f0530ebd9d004c0a6893.gif" alt="Smiley face" width="42" height="42">
HTML5 中的新属性。
属性
值
描述
align top
bottom
middle
left
right HTML5 不支持。HTML 4.01 已废弃。 规定如何根据周围的文本来排列图像。
alt text 规定图像的替代文本。
border pixels HTML5 不支持。HTML 4.01 已废弃。 规定图像周围的边框。
crossoriginNew anonymous
use-credentials 设置图像的跨域属性
height pixels 规定图像的高度。
hspace pixels HTML5 不支持。HTML 4.01 已废弃。 规定图像左侧和右侧的空白。
ismap ismap 将图像规定为服务器端图像映射。
longdesc URL HTML5 不支持。HTML 4.01 已废弃。 指向包含长的图像描述文档的 URL。
src URL 规定显示图像的 URL。
usemap #mapname 将图像定义为客户器端图像映射。
vspace pixels HTML5 不支持。HTML 4.01 已废弃。 规定图像顶部和底部的空白。
width pixels 规定图像的宽度。
关于怎么把图片加进html的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于怎么把图片加进html 怎么把图片加进word的详细内容...