需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、将index.html中的<body>标签的代码替换为:
<body style="background: url(image.jpg)">
<audio autoplay loop src="11704.mp3"></audio>
</body>
3、浏览器运行index.html页面,此时发现页面多了背景图片和背景音乐。
visual studio简称为vs。下面,我们来看看HTML中怎么插入图片作为背景图片吧。
打开vs打开visual studio软件,并新建一个文件夹为img,把图片粘贴到文件夹中,如下图所示:
<body style=" background:url(img/img01.jpg)">设置背景图片的代码为 style=" background:url(img/img01.jpg)",如下图所示:
在浏览器中查看右击【HTMLPage.htm】,选择【在浏览器中查看】,如下图所示:
预览效果在浏览器中的预览效果如下图所示:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)