html网页制作中如何设置背景图片（如何引用）_随笔

1、首先打开Atom编辑器导入项目文件夹，先创建一个index.html的文件。定义一下html文件的主信息：

2、然后填写自己的网页内容，设置一下样式，直接在body后面加上background="图片名字"即可插入图片：

3、最后来到浏览器，刷新一下网页，这样就会显示背景了：

背景图片不重复不平铺，可以这样设定背景：

1、<body style="background-image: url("图片文件地址")background-attachment: fixed">

这样背景图片就会固定住，不会因页面滚动而重复。

2、使图在任何大小的屏幕都不会显示重复，可以这样设定背景（图像不平铺）：

3、两者结合，就是：<body style="background-image: url("图片文件地址")background-repeat:no-repeatbackground-attachment: fixed">

扩展资料

超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：

简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。

可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。

平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。

通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

参考资料百度百科 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网页制作中如何设置背景图片（如何引用）