当前位置：首页> 电脑> 正文

怎样修改主页（怎样修改主页背景图）-微PE WEIPE.NET

电脑管家
电脑
2024-01-17 23:04:32
34

一、识别网页主页

1.打开浏览器，输入网址；

2.根据缩略图或文本辨识网页主页；

3.右键点选“查看页面源代码”；

4.仔细查看页面内容，直到查看到页面的标题“标签前内容就是页面主页内容。 </p> </p><p><p>二、修改网页主页：</p> </p><p><p>1.打开文本编辑工具，输入想要修改的内容；</p> </p><p><p>2.将文本复制到网页源代码中； </p> </p><p><p>3.保存文本，并关闭文件； </p> </p><p><p>4.重新打开网页，查看修改结果。 </p> </p><p><p>三、编写网页主页 </p> </p><p><p>1.閫夋嫨鏂囨湰缂栬緫杞欢锛岀紪鍐欑綉椤垫枃浠讹紱 </p> </p><p><p>2.在编写时使用相应的HTML标签制作布局；</p> </p><p><p>3.设置样式，定义字体、颜色等； </p> </p><p><p>4.添加图片、链接、视频等； </p> </p><p><p>5.将文件保存后，发布到网页上。</p> </p><p><p>一、知识准备</p> </p><p><p>1、若有网络图片，知晓图片链接及图片后缀；</p> </p><p><p>2、若本地图片，了解图片的存储位置及后缀；</p> </p><p><p>3、熟悉 HTML 书写规范及 CSS 书写规范，了解 CSS 的属性以及应用，具体有：background-image、background-repeat、background-position等；</p> </p><p><p>4、了解一般 HTML 页面结构，能对其进行编辑与调控；</p> </p><p><p>二、修改流程</p> </p><p><p>1、准备好图片，若为网络图，获取图片链接及后缀；若为本地图片，获取图片的存储路径及后缀；</p> </p><p><p>2、打开需要修改的 HTML 页面，可使用文本编辑器；</p> </p><p><p>3、查找 HTML 页面代码中 <body> 标签所在位置，在标签内可能包含一下类似代码：<body style=\"background-color: #fcfcfc;\">；</p> </p><p><p>4、在 <body> 标签内添加背景图片相关 CSS 属性，例如：background-image: url(\"bg.jpg\");background-repeat: no-repeat;background-position: top center;；</p> </p><p><p>5、若图片为本地资源，在 url(\"bg.jpg\")中传入图片路径；</p> </p><p><p>6、保存 HTML 文件，打开预览，查看修改后的效果；</p> </p><p><p>7、若不满意，返回第 4 步，继续调整 CSS 相关属性的值，直至满意；</p> </p><p><p>三、总结</p> </p><p><p>修改主页背景图片需准备知识，了解 HTML 书写规范、CSS 书写规范及 CSS 的属性及应用，准备好需要的图片，通过编辑 HTML 中的 <body> 标签来添加背景图相关属性，并调整 CSS 相关属性的值以满足要求，最终实现修改背景图片的目标。</p> </div> </p></div></div></div><div class="copyright"><blockquote>本文由作者笔名：电脑管家于 2024-01-17 23:04:32发表在本站，原创文章，禁止转载，文章内容仅供娱乐参考，不能盲信。 <br>本文链接： <a href="http://www.lovelp.cn/wen/16011.html">http://www.lovelp.cn/wen/16011.html</a></blockquote></div><div class="nextinfo"><p class="prev"><span>上一篇</span><br><a href="http://www.lovelp.cn/wen/16010.html" title="上一篇：怎样修改qq密码（应用密码忘了怎么办）-微PE WEIPE.NET">怎样修改qq密码（应用密码忘了怎么办）-微PE WEIPE.NET</a></p><p class="next"><span>下一篇</span><br><a href="http://www.lovelp.cn/wen/16012.html" title="下一篇：怎样学电脑制表（怎么样学会电脑制表格）-微PE WEIPE.NET">怎样学电脑制表（怎么样学会电脑制表格）-微PE WEIPE.NET</a></p></div></div><div class=" related-list"><h3 class="shugang">相关文章</h3><ul><li><a href="/wen/16711.html" title="麒麟操作系统（麒麟操作系统如何卸载软件）-微PE WEIPE.NET"><i><img src="http://www.lovelp.cn/data/upload/article/diannao/775a642731d662ab56573de2d0336a92.png" alt="麒麟操作系统（麒麟操作系统如何卸载软件）-微PE WEIPE.NET"></i><p>麒麟操作系统（麒麟操作系统如何卸载软件）-微PE WEIPE.NET</p></a></li><li><a href="/wen/16710.html" title="麒麟9000e（麒麟9000e和麒麟9000l）-微PE WEIPE.NET"><i><img src="http://www.lovelp.cn/data/upload/article/diannao/934a175edba08704e4a33a4502cdf83f.png" alt="麒麟9000e（麒麟9000e和麒麟9000l）-微PE WEIPE.NET"></i><p>麒麟9000e（麒麟9000e和麒麟9000l）-微PE WEIPE.NET</p></a></li><li><a href="/wen/16709.html" title="魅族官方客服（魅族官方在线客服）-微PE WEIPE.NET"><i><img src="https://p26.toutiaoimg.com/origin/user-avatar/f1da1369892bdf1f6bae7ec42690264b" alt="魅族官方客服（魅族官方在线客服）-微PE WEIPE.NET"></i><p>魅族官方客服（魅族官方在线客服）-微PE WEIPE.NET</p></a></li><li><a href="/wen/16708.html" title="魅族m9主题（魅族flyme9内置壁纸）-微PE WEIPE.NET"><i><img src="//p3-sign.toutiaoimg.com/tos-cn-i-siecs4i2o7/e02a47b2390e4bcf96b32b86478a83c6~tplv-obj:1920:1074.image?_iz=97245&from=post&x-expires=1683129600&x-signature=AyliGDHa%2F3UPMQVjsvbBmTSMNtA%3D" alt="魅族m9主题（魅族flyme9内置壁纸）-微PE WEIPE.NET"></i><p>魅族m9主题（魅族flyme9内置壁纸）-微PE WEIPE.NET</p></a></li><li><a href="/wen/16707.html" title="鲨鱼吃苹果编程儿童视频-微PE WEIPE.NET"><i><img src="//p3-sign.toutiaoimg.com/mosaic-legacy/5b4200018e0a43f9b61a~tplv-crop-center:200:200.jpeg?_iz=97245&from=post&x-expires=1685059200&x-signature=UyZ%2FF2qqDCJ7emXL%2BwHTae0YOCM%3D" alt="鲨鱼吃苹果编程儿童视频-微PE WEIPE.NET"></i><p>鲨鱼吃苹果编程儿童视频-微PE WEIPE.NET</p></a></li><li><a href="/wen/16706.html" title="鑫鑫读书：无锡动物园回应猴子跳过电网越狱-微PE WEIPE.NET"><i><img src="//p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/13abb99481104acd8ac6fe5fdc0dde37~tplv-obj:798:482.image?_iz=97245&from=post&x-expires=1683475200&x-signature=oVJ4jf%2FVpTkY3ru8Bn5jqc%2BdkaU%3D" alt="鑫鑫读书：无锡动物园回应猴子跳过电网越狱-微PE WEIPE.NET"></i><p>鑫鑫读书：无锡动物园回应猴子跳过电网越狱-微PE WEIPE.NET</p></a></li><li><a href="/wen/16705.html" title="霏霏聊社会：网传母亲教育孩子被气死家属回应-微PE WEIPE.NET"><i><img src="//p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/c7829022daf94256a9aa2ae28b98a8d4~tplv-obj:702:367.image?_iz=97245&from=post&x-expires=1683763200&x-signature=jOv62RV5O26uhCNI3fV%2BYh9HbfY%3D" alt="霏霏聊社会：网传母亲教育孩子被气死家属回应-微PE WEIPE.NET"></i><p>霏霏聊社会：网传母亲教育孩子被气死家属回应-微PE WEIPE.NET</p></a></li><li><a href="/wen/16704.html" title="鹭江琴飞扬：厦大辟谣对外关闭-微PE WEIPE.NET"><i><img src="//p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/4756a745a0124a84839540b0381ef837~tplv-obj:551:862.image?_iz=97245&from=post&x-expires=1683302400&x-signature=UD3R%2BR3zUWToTpHtKAdMWmrpxF8%3D" alt="鹭江琴飞扬：厦大辟谣对外关闭-微PE WEIPE.NET"></i><p>鹭江琴飞扬：厦大辟谣对外关闭-微PE WEIPE.NET</p></a></li></ul></div></div></div><div class=" aside l_box"><div class="sidebar" id="side-new-article-item"><div class="side-title"><h3 class="function_t">最新文章</h3></div><ul><li class="widlist"><a href="/wen/132023.html" target="_blank" title="为什么要废墨清零-打印机为什么要清零？提示墨盒寿命结束？提示部件到期？"><i class="gx"><img src="http://www.ranchengxiu.com/wp-content/uploads/tu/15.jpg" alt="为什么要废墨清零-打印机为什么要清零？提示墨盒寿命结束？提示部件到期？"></i></a><h3><a href="/wen/132023.html" target="_blank" title="为什么要废墨清零-打印机为什么要清零？提示墨盒寿命结束？提示部件到期？">为什么要废墨清零-打印机为什么要清零？提示墨盒寿命结束？提示部件到期？</a></h3><div class="sidefoot"><span>2024-08-20</span></div></li><li class="widlist"><a href="/wen/131989.html" target="_blank" title="为什么打印机需要清零-为什么打印机加完粉还要清零"><i class="gx"><img src="http://www.ranchengxiu.com/wp-content/uploads/tu/3.jpg" alt="为什么打印机需要清零-为什么打印机加完粉还要清零"></i></a><h3><a href="/wen/131989.html" target="_blank" title="为什么打印机需要清零-为什么打印机加完粉还要清零">为什么打印机需要清零-为什么打印机加完粉还要清零</a></h3><div class="sidefoot"><span>2024-08-19</span></div></li><li class="widlist"><a href="/wen/131920.html" target="_blank" title="什么情况下打印机需要清零驱动-打印机清零是怎么回事"><i class="gx"><img src="http://www.ranchengxiu.com/wp-content/uploads/tu/30.jpg" alt="什么情况下打印机需要清零驱动-打印机清零是怎么回事"></i></a><h3><a href="/wen/131920.html" target="_blank" title="什么情况下打印机需要清零驱动-打印机清零是怎么回事">什么情况下打印机需要清零驱动-打印机清零是怎么回事</a></h3><div class="sidefoot"><span>2024-08-19</span></div></li><li class="widlist"><a href="/wen/131919.html" target="_blank" title="什么情况下打印机需要清零打印-喷墨打印机为什么要清零啊？一般主要什么原"><i class="gx"><img src="http://www.ranchengxiu.com/wp-content/uploads/tu/28.jpg" alt="什么情况下打印机需要清零打印-喷墨打印机为什么要清零啊？一般主要什么原"></i></a><h3><a href="/wen/131919.html" target="_blank" title="什么情况下打印机需要清零打印-喷墨打印机为什么要清零啊？一般主要什么原">什么情况下打印机需要清零打印-喷墨打印机为什么要清零啊？一般主要什么原</a></h3><div class="sidefoot"><span>2024-08-19</span></div></li><li class="widlist"><a href="/wen/131918.html" target="_blank" title="什么叫打印机清零-打印机清零是怎么回事"><i class="gx"><img src="http://www.ranchengxiu.com/wp-content/uploads/tu/32.jpg" alt="什么叫打印机清零-打印机清零是怎么回事"></i></a><h3><a href="/wen/131918.html" target="_blank" title="什么叫打印机清零-打印机清零是怎么回事">什么叫打印机清零-打印机清零是怎么回事</a></h3><div class="sidefoot"><span>2024-08-19</span></div></li><li class="widlist"><a href="/wen/131903.html" target="_blank" title="施乐打印机清零方法-富士施乐m288 dw硒鼓清零方法谁知道，更换了粉"><i class="gx"><img src="www.ranchengxiu.com/wp-content/uploads/tu/30.jpg" alt="施乐打印机清零方法-富士施乐m288 dw硒鼓清零方法谁知道，更换了粉"></i></a><h3><a href="/wen/131903.html" target="_blank" title="施乐打印机清零方法-富士施乐m288 dw硒鼓清零方法谁知道，更换了粉">施乐打印机清零方法-富士施乐m288 dw硒鼓清零方法谁知道，更换了粉</a></h3><div class="sidefoot"><span>2024-08-18</span></div></li><li class="widlist"><a href="/wen/131823.html" target="_blank" title="施乐228打印机清零方法-富士施乐M228B原装硒鼓加粉后如何清零？"><i class="gx"><img src="www.ranchengxiu.com/wp-content/uploads/tu/12.jpg" alt="施乐228打印机清零方法-富士施乐M228B原装硒鼓加粉后如何清零？"></i></a><h3><a href="/wen/131823.html" target="_blank" title="施乐228打印机清零方法-富士施乐M228B原装硒鼓加粉后如何清零？">施乐228打印机清零方法-富士施乐M228B原装硒鼓加粉后如何清零？</a></h3><div class="sidefoot"><span>2024-08-18</span></div></li><li class="widlist"><a href="/wen/131721.html" target="_blank" title="彩色打印机怎么清理墨盒-epson墨盒怎么清洁？"><i class="gx"><img src="http://www.ranchengxiu.com/wp-content/uploads/tu/30.jpg" alt="彩色打印机怎么清理墨盒-epson墨盒怎么清洁？"></i></a><h3><a href="/wen/131721.html" target="_blank" title="彩色打印机怎么清理墨盒-epson墨盒怎么清洁？">彩色打印机怎么清理墨盒-epson墨盒怎么清洁？</a></h3><div class="sidefoot"><span>2024-08-16</span></div></li></ul></div><div class="sidebar" id="side-hot-view-item"><div class="side-title"><h3 class="function_t">热门文章</h3></div><ul><li class="widlist"><a href="/wen/278.html" target="_blank" title="怎样安装win7系统（自己在家怎么重装win7系统）-微PE WEIPE.NET"><i class="gx"><img src="http://www.lovelp.cn/data/upload/article/moren/aabfbbb72cdcd22ce60ae4b0934361b7.png" alt="怎样安装win7系统（自己在家怎么重装win7系统）-微PE WEIPE.NET"></i></a><h3><a href="/wen/278.html" target="_blank" title="怎样安装win7系统（自己在家怎么重装win7系统）-微PE WEIPE.NET">怎样安装win7系统（自己在家怎么重装win7系统）-微PE WEIPE.NET</a></h3><div class="sidefoot"><span>2024-01-17</span></div></li><li class="widlist"><a href="/wen/16710.html" target="_blank" title="麒麟9000e（麒麟9000e和麒麟9000l）-微PE WEIPE.NET"><i class="gx"><img src="http://www.lovelp.cn/data/upload/article/diannao/934a175edba08704e4a33a4502cdf83f.png" alt="麒麟9000e（麒麟9000e和麒麟9000l）-微PE WEIPE.NET"></i></a><h3><a href="/wen/16710.html" target="_blank" title="麒麟9000e（麒麟9000e和麒麟9000l）-微PE WEIPE.NET">麒麟9000e（麒麟9000e和麒麟9000l）-微PE WEIPE.NET</a></h3><div class="sidefoot"><span>2024-01-17</span></div></li><li class="widlist"><a href="/wen/20010.html" target="_blank" title="浙江衢州市区号是多少查询"><i class="gx"><img src="http://www.lovelp.cn/data/upload/article/quhao/823a97d869bf4d5879dfcb2ed4497c4d.png" alt="浙江衢州市区号是多少查询"></i></a><h3><a href="/wen/20010.html" target="_blank" title="浙江衢州市区号是多少查询">浙江衢州市区号是多少查询</a></h3><div class="sidefoot"><span>2024-01-18</span></div></li><li class="widlist"><a href="/wen/20449.html" target="_blank" title="错误号码5b00发生打印错误"><i class="gx"><img src="http://www.lovelp.cn/data/upload/article/dayinji/6d21bd8646e1d9cadcd60b9807b374d9.png" alt="错误号码5b00发生打印错误"></i></a><h3><a href="/wen/20449.html" target="_blank" title="错误号码5b00发生打印错误">错误号码5b00发生打印错误</a></h3><div class="sidefoot"><span>2024-01-20</span></div></li><li class="widlist"><a href="/wen/131989.html" target="_blank" title="为什么打印机需要清零-为什么打印机加完粉还要清零"><i class="gx"><img src="http://www.ranchengxiu.com/wp-content/uploads/tu/3.jpg" alt="为什么打印机需要清零-为什么打印机加完粉还要清零"></i></a><h3><a href="/wen/131989.html" target="_blank" title="为什么打印机需要清零-为什么打印机加完粉还要清零">为什么打印机需要清零-为什么打印机加完粉还要清零</a></h3><div class="sidefoot"><span>2024-08-19</span></div></li><li class="widlist"><a href="/wen/131919.html" target="_blank" title="什么情况下打印机需要清零打印-喷墨打印机为什么要清零啊？一般主要什么原"><i class="gx"><img src="http://www.ranchengxiu.com/wp-content/uploads/tu/28.jpg" alt="什么情况下打印机需要清零打印-喷墨打印机为什么要清零啊？一般主要什么原"></i></a><h3><a href="/wen/131919.html" target="_blank" title="什么情况下打印机需要清零打印-喷墨打印机为什么要清零啊？一般主要什么原">什么情况下打印机需要清零打印-喷墨打印机为什么要清零啊？一般主要什么原</a></h3><div class="sidefoot"><span>2024-08-19</span></div></li><li class="widlist"><a href="/wen/131721.html" target="_blank" title="彩色打印机怎么清理墨盒-epson墨盒怎么清洁？"><i class="gx"><img src="http://www.ranchengxiu.com/wp-content/uploads/tu/30.jpg" alt="彩色打印机怎么清理墨盒-epson墨盒怎么清洁？"></i></a><h3><a href="/wen/131721.html" target="_blank" title="彩色打印机怎么清理墨盒-epson墨盒怎么清洁？">彩色打印机怎么清理墨盒-epson墨盒怎么清洁？</a></h3><div class="sidefoot"><span>2024-08-16</span></div></li><li class="widlist"><a href="/wen/47517.html" target="_blank" title="隹能废墨清零软件（解决打印机废墨问题的好帮手）"><i class="gx"><img src="http://www.lovelp.cn/data/upload/article/dayinji/f8af6e1f101200df139956ab2b13a596.png" alt="隹能废墨清零软件（解决打印机废墨问题的好帮手）"></i></a><h3><a href="/wen/47517.html" target="_blank" title="隹能废墨清零软件（解决打印机废墨问题的好帮手）">隹能废墨清零软件（解决打印机废墨问题的好帮手）</a></h3><div class="sidefoot"><span>2024-01-22</span></div></li></ul></div></div></div></div><footer><p>Copyright© 爱老婆网（lovelp.cn）<a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">© 备案号：渝ICP备14006857号-2</a>　<a href="https://cms.douhao.com/" target="_blank">DouhaoCMS</a></div></p></footer><span id="go-to-top"></span><script src="/static/new/js/custom.js?v=2"></script><script src="/static/new/js/hc-sticky.js"></script><script> $(document).ready(function() { $(".aside").theiaStickySidebar({ additionalMarginTop: 0 }) }); </script><div class="pctl"></div><div class="waptl"></div></body></html>