html怎么添加背景图片

1、插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入。具体 *** 作是首先新建一个html文件，写入两个div，分别用来演示陆陆两种方法插入标签：

2、首先是用html标签插入图片，这里直接汪悉孝在img标签中使用src属性就可以插入图片路径就成功了：

3、接着是用css插入，在div中设置class属性为img2，在script标签困稿中使用background标签插入，其中url是标签的路径，no-repeat是设置图片不重复，center是设置照片居中显示：

4、最后给这些标签都设置一些样式，让它们显得美观一些。然后打开浏览器查看效果：

5、打开浏览器，可以看到照片都显示出来了。以上就是html插入照片的方法介绍：

在html中插入整个页面的背景图的方法如下:

1、打开HBuilder；

2、新建html项目。

3、设置文件名散消，点击“完成”。

4、将背景图拖动到Hbuilder工程的img文件夹。

5、点击“确定”。

6、找到。

7、将改成。其中“img/背空友景1.jpg”为背景图路径。

8、然后保存文档。

9、点冲亏知击“运行”选择浏览器运行、就可以看到设置的背景图了。

扩展资料

HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

HTML的主要特点：简易性、可扩展性、平台无关性、通用性。另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。

在html中某个div里加入背景图片的话，主要有以下几种方式：

第一种： 在css文件里加入背景图片：在css里用url(../images/背景图2.jpg)，在内联css和引入css中会由于html文件和css文件所处的相世数耐对位置不同，引入图片路径会有所不同。

如图：

第二种：在html中引入：<div class="detail" style="background-image: url(../images/背景图1.jpg)"></div>，同理url()括号里是图片的引入路径。

如图：

第三种：在div中加一张图片

<div class="detail" >           搜春       

<img src="../images/背景图1.jpg" alt="" style="width:100%height:100%">

</div>

如图：

当图片小于背景区域大小时，图片会不断重复显示，如果不想图片重复显示，可以设置background-repeat，background-repeat有4个值，分别是repeat（代表重复显示）、no（代表不重复）、repeat-x（代表水平方向上重复）、repeat-y（代表垂直方向上重复）

当图片小于背景区域大小时，默认从左上角开始铺，如果想从任意位置开始铺，可以使用background-position属性，设置在x、y方向的偏移量。

当图片大于背景区域时，只显示图片左上角毕碧。

当图片和背景区域大小一样大时，显示整张图片。

---