HTML中怎么插入图片作为背景，我用的是记事本！
你怕麻烦就直接将图片和你编写的网页放在一个文件夹下，在插入<background
src="图片名及后缀名">就完了
路径分为：绝对路径和相对路径。
绝对路径是一个明确完整的路径。
假如网站项目的根目录是C盘，那么图片的绝对路径的写法为：
相对路径是一个相对于网站根目录的路径。
假如网站项目的根目录是C盘，那么图片的相对路径就是：
在路径中“/”代表根目录的意思，“../”代表返回上级目录的意思，那么“../../”就是返回两次上级目录的意思。
代码如下：
1、上级目录<img src="../images/石家庄.jpeg" alt="" />
2、根目录<img src="/images/石家庄.jpeg" alt="" />
3、同级目录<img src="images/石家庄.jpeg" alt="" />
4、平铺背景图片
<body background="d:\image\石家庄.jpg">或者<body style="background-image: url(d:\image\石家庄.jpg);">
5、背景图片不重复
<body style="background-image: url(d:\image\石家庄.jpg) no-repeat;">
6、背景图片居中不重复
<body style="background-image: url(d:\image\石家庄.jpg) no-repeat 50% 0;">
注意：图片路径问题，用d:\image\石家庄.jpg只能在你自己的电脑上有效，上传到网站上，建议image文件夹和网页放在同一目录，则图片路径改为：“image/石家庄.jpg”。
扩展资料：
HTML中主体内容：
<body></body>；，网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。表示网页的主体部分，也就是用户可以看到的内容，可以包含文本、图片、音频、视频等各种内容。
格式一般如下：
<html>
<head>
<title>；网页名称</title>
</head>
<body>
存入网页的主体部分内容如：
<table>；代表表格
<tr>；代表行
<p>；代表段落
<td>；代表单元格
参考资料来源：百度百科—HTML
参考资料来源：百度百科—body
首先回答插入图片路径的问题：
因为html的img标签中属性src放置图片路径，最好放置相对路径，不然像谷歌浏览器之类的会有安全模式拦截掉你的完整路径（比如D://file/img.png）。所以推荐你把图片和你的html文件放在同一个文件夹下。
这样你直接：<img src="mypic.jpg" width="100px">
例子如下图：
目录：
代码：
效果：
扩展资料：
1、编写html代码推荐使用专业的编辑器，比如入门级的sublime Text3,然后是功能插件可自动配置的vscode，还有一个mac很匹配的webstorm
2、图片也可以做为背景图设置，比如background-image:url('mypic.png')
1、网页背景图片:
(平铺背景图片)
<body
background="d:\image\石家庄.jpg">或者
<body
style="background-image:
url(d:\image\石家庄.jpg);">
(背景图片不重复)
<body
style="background-image:
url(d:\image\石家庄.jpg)
no-repeat;">
(背景图片居中不重复)
<body
style="background-image:
url(d:\image\石家庄.jpg)
no-repeat
50%
0;">
注释:
style
后双引号部分为CSS样式;
background-image:url(图片路径)
为背景图片
no-repeat
不重复;
50%
0
即(水平位置
垂直位置)
水平50%既居中,垂直0px;
2、表格中插入图片背景:
<table>
<tr>
<td
width="200"
height="200"
background="d:\image\石家庄.jpg">
</td>
</tr>
</table>
表格背景图片也可跟上面一样采用CSS样式，如:<td
style="background-image:
url(d:\image\石家庄.jpg);">
</td>。
注意:图片路径问题，用d:\image\石家庄.jpg只能在你自己的电脑上有效，上传到网站上，建议image文件夹和网页放在同一目录，则图片路径改为:“image/石家庄.jpg”。
1、网页背景图片：
（平铺背景图片）
<body background="d:\image\石家庄.jpg">或者
<body style="background-image: url(d:\image\石家庄.jpg);">
（背景图片不重复）
<body style="background-image: url(d:\image\石家庄.jpg) no-repeat;">
（背景图片居中不重复）
<body style="background-image: url(d:\image\石家庄.jpg) no-repeat 50% 0;">
注释：
style 后双引号部分为CSS样式；
background-image:url(图片路径) 为背景图片
no-repeat 不重复；
50% 0 即(水平位置 垂直位置) 水平50%既居中,垂直0px；
2、表格中插入图片背景：
<table>
<tr>
<td width="200" height="200" background="d:\image\石家庄.jpg">
</td>
</tr>
</table>
表格背景图片也可跟上面一样采用CSS样式，如：<td style="background-image: url(d:\image\石家庄.jpg);"> </td>。
注意：图片路径问题，用d:\image\石家庄.jpg只能在你自己的电脑上有效，上传到网站上，建议image文件夹和网页放在同一目录，则图片路径改为：“image/石家庄.jpg”。
<body style="background-image: url(d:\image\石家庄.jpg);">
</body>
如何在html里面插入图片呢?
直接在html编辑窗口插入相应命令即可在html表格中加入图片，具体操作步骤如下：1、将html文件和图片放在同一文件夹，例如放在电脑桌面，如下图所示；2、打开html编辑窗口，对表格进行编辑，完成表格的标签，如下图所示；3、在单元格“table”里面插入图片的标签，然后在“单元格td”后面插入图片的保存路径即...
在html文件中怎么插入图像
第一种方法：用 dreamweaver软件插入图片 打开dreamweaver软件，点击插入，选择图像，如图 在站点文件夹下面选择要插入的图像，次站点目录是桌面。如图 选择确定后会跳出以下的界面，继续选择确定，如图 这时就将图像插入到了html文件中了，效果如下图 第二种方法：用代码编写 如 img src="1.PNG...
html插入图片有两种方式:什么方式?
html插入图片有两种方式：一种是通过<img>标签插入的正常的图片，另一种是通过css样式插入的背景图片。问题分析：1、首先你是通过第二种方式插入的是背景图片，直接用width和height只能控制div的宽度和高度。2、如果你插入的图片是通过<img>标签的方式来插入的话，可以通过<img>自身的属性控制图片大小，...
html怎么插入图片?
1、html中可以用img标签插入图片也可以用css的background插入。具体方法是首先新建一个html文件，里面新建两个div标签，第二个标签中插入img标签并插入图片：2、然后在上方的style标签中设置第一个div的样式，先给div长度和高度，接着是用background属性引入图片，设置图片不重复以及图片的显示位置j即可：3...
html里怎么插入背景图片??急
对于HTML标签插入，你只需在标签中设置src属性，将其指向图片的路径，就能顺利完成图片的插入。例如：在CSS方面，为另一个div添加class="img2"，并在外部的标签中，利用background属性来添加图片。设置background-image为图片路径，background-repeat属性设为'no-repeat'，以确保图片不重复显示，background-...
在html文件中怎么插入图像?
第一种方法：用dreamweaver软件插入图片打开dreamweaver软件，点击插入，选择图像，如图 1、在站点文件夹下面选择要插入的图像，次站点目录是桌面。如图 2、选择确定后会跳出以下的界面，继续选择确定，如图 3、这时就将图像插入到了html文件中了，效果如下图 第二种方法：用代码编写如<imgsrc=\\"1.PNG\\"...
怎样在html文件中插入图片?
操作方法如下：1、以Hbuilder来讲解，首先新建一个HTML页面，如图；2、接着给标签设置背景图片，如图设置的是<body>标签；3、然后新建一个css文件，如图；4、这里给body标签设置background-size属性，如果标签是div就写div，然后可以设置宽度和高度；5、如图所示，在new_file.html里面编辑：<link href=...
怎么在html中插入图片?
在html中插入图片时，如何将图片所在文件夹的路径写在html页面所在的文件夹下？HTML图片的各种路径代码 物理路径：假如你的图片在D盘的images文件下，文件名称为tupian.jpeg的话用下面的格式。img src=file:\/\/\/D\/images\/tupian.jpeg\/>物理路径:如果你的图片在D盘的图片文件中，文件名是tupian.jpeg，...
网页制作中插入图片的代码是什么
1、在代码中经常用到的插入图片代码是img属性，格式就是<img src="" alt=""> src后面是添加图片的地址，后面的alt是对图片的描述。2、在插入图片前，要将html文件和图片文件放在一个文件夹内，这里的img文件夹就是专门存放图片的地方。3、然后回到代码栏，在src中输入链接地址img\/pic_01.jpg，...
在html中插入整个页面的背景图?
在html中插入整个页面的背景图的方法如下:1、打开HBuilder；2、新建html项目。3、设置文件名，点击“完成”。4、将背景图拖动到Hbuilder工程的img文件夹。5、点击“确定”。6、找到<body><\/body>。7、将<body>改成<bodybackground=\\"img\/背景1.jpg\\">。其中“img\/背景1.jpg”为背景图路径。8...
厍萱氟尿： 代码是“<img scr = '图片地址'>”. 1、新建html文件,在body标签中添加img标签,img标签在html中没有结束标签,所以不需要添加“</img>”代码.给img标签添加属性“src”,属性值填自己想要添加图片的地址,这里以同一目录下的1.png...
新宾满族自治县18381435081： HTML怎么用图片做背景? - ？
厍萱氟尿： 用css样式表写,哪个元素需要背景就给哪个元素写,比如是整个网页需要背景,就这样写 body{background:url(../images/yourimg.png) no-repeat;}后面还可以跟几个参数,但是初学者估计一般用不着,就不写了,这个就足够了.
新宾满族自治县18381435081： 关于HTML怎样用图片做背景 - ？
厍萱氟尿： 1、网页背景图片: (平铺背景图片) <body background=d:\image\石家庄.jpg或者 <body style=background-image: url(d:\image\石家庄.jpg); (背景图片不重复) <body style=background-image: url(d:\image\石家庄.jpg) no-repeat; (背景图片...
新宾满族自治县18381435081： HTML怎么插入背景图片? - ？
厍萱氟尿： 很容易,只要用CSS控制就可以了.在有插入背景图片的标签中加入一段代码就OK.代码如下: style= ＂background-repeat: no-repeat ＂ 比如:
新宾满族自治县18381435081： html里怎样插入背景图片 - ？
厍萱氟尿： 一般网站都会限制提交HTML语言,为了安全的原因屏蔽掉HTML语言,但是为了保留一部分非恶意的HTML功能,比如插入链接,图片等,网站一般会提供替代HTML语言的UBB代码,你可以搜一下UBB代码使用方法,一般有: [img]图片地址[/img] [url]链接地址[/url]或[url=http;//....]链接文字[/url] [b]加粗的文字[/b] [u]下划线文字[/u] [email]电邮地址[/email] [fly]飞行文字[/fly] [move]移动文字[/move] ...等等不同的网站,UBB可能会有点小区别,它会提供UBB帮助的,在网站帮助里看一下.
新宾满族自治县18381435081： 各位大神,怎样在HTML文件中加入背景图片? - ？
厍萱氟尿： 在你需要加背景的标签,添加背景图片的样式: 1、在标签内部加 <div style=＂background:url('image/bg.png') no-repeat center center＂>加背景的位置< /div> 2、在样式里面加 <div class=＂bgDiv＂>加背景的标签</div> /*加背景的样式*/ .bgDiv{ background:url('image/bg.png') no-repeat center center; /*url里面为图片的相对路径*/}
新宾满族自治县18381435081： html如何设置背景图片 - ？
厍萱氟尿： 在想要放背景图片的标签上面加上style=＂background: url(xxx.jpg);＂即可xxx.jpg是图片文件名,路径要跟HTML页面放在一起例:...
新宾满族自治县18381435081： HTML中如何添加背景图片? - ？
厍萱氟尿： <><!DOCTYPE html PUBLIC ＂-//W3C//DTD XHTML 1.0 Transitional//EN＂ ＂ http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd＂> <html xmlns=＂ http://www.w3.org/1999/xhtml＂> <head> <meta http-equiv=＂Content-Type＂ content=＂...
新宾满族自治县18381435081： 如何在html中嵌入图片 - ？
厍萱氟尿： 有两种方式,一种是使用<img/>图片标签,一种是用做背景图.①:使用<img />标签:<img src=＂1.jpg＂ />src后面是写图片的地址及名称,根据图片所在位置填写;②:背景图<div style=＂background: url('1.jpg'); width:100px; height:100px;＂></div>url是背景图的名称地址,由于背景图不会自动撑开元素,所以元素需要设置宽度和高度.
新宾满族自治县18381435081： 在HTML中如何给网页设置背景图片? - ？
厍萱氟尿： <body style=＂background:src(图片地址);＂>或CSS中写上:body{ background:url(图片的地址) } 多看一下 http://www.w3school.com.cn/index.html
