首页编程正文内容

网页设计与制作_复习资料

编程

更新时间：2026-04-03 22:06:20 69

admin 管理员组

文章数量: 1184232

2024年3月11日发(作者：颜色名字代码大全)

复习资料1

一、单项选择题(1-30题，每小题1分，共30分)

1.在HTML中,

是 ( )标签

A 换行 B段落 C水平线 D以上都不对

2.在HTML中,
是 ( )标签

A 换行 B标题 C水平线 D以上都不对

3.下列哪一项的电子邮件链接是正确的是 ( )

A B xx@.net C xx@com D XXX@

4.网页要想修改显示的标题信息，需要修改的标签是 ( )

A

B C D </p><p style="text-indent: 2em;font-size:18px;">5.下面哪一项是在新窗口中打开网页文档 ( ) </p><p style="text-indent: 2em;font-size:18px;">A _self B _blank C _top D _parent </p><p style="text-indent: 2em;font-size:18px;">6.常用的网页图像格式有( )和( ) </p><p style="text-indent: 2em;font-size:18px;">A gif,tiff B tiff jpg C gif,jpg D tiff,png </p><p style="text-indent: 2em;font-size:18px;">7.下面说法错误的是 ( ) </p><p style="text-indent: 2em;font-size:18px;">A CSS样式表可以将格式和结构分离 B CSS样式表可以控制页面的布局 </p><p style="text-indent: 2em;font-size:18px;">D CSS样式表不能制作体积更小下载更快C CSS样式表可以使许多网页同时更新 </p><p style="text-indent: 2em;font-size:18px;">的网 </p><p style="text-indent: 2em;font-size:18px;">8.在CSS中样式表不可能实现 ( )功能 </p><p style="text-indent: 2em;font-size:18px;">A 将格式和结构分离 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">C 控制图片的精确位置 </p><p style="text-indent: 2em;font-size:18px;"> B 一个CSS文件控制多个网页 </p><p style="text-indent: 2em;font-size:18px;">D 兼容所有的浏览器 </p><p style="text-indent: 2em;font-size:18px;">9.要使表格的边框不显示,应设置broder的值是( ) </p><p style="text-indent: 2em;font-size:18px;">A 1 </p><p style="text-indent: 2em;font-size:18px;">C 2 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">B 0 </p><p style="text-indent: 2em;font-size:18px;">D 3 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">中以下哪个是设定字体大小的( ) </p><p style="text-indent: 2em;font-size:18px;">A font-width </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">B letter-spacint </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">C font-size D color </p><p style="text-indent: 2em;font-size:18px;">中以下哪个是设定字体的颜色( ) </p><p style="text-indent: 2em;font-size:18px;">A letter-spacint </p><p style="text-indent: 2em;font-size:18px;">C line-height </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">B font-family </p><p style="text-indent: 2em;font-size:18px;">D color </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">12. CSS中以下哪个是设定字体的颜色( ) </p><p style="text-indent: 2em;font-size:18px;">A font-width </p><p style="text-indent: 2em;font-size:18px;">C font-size </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">B font-family </p><p style="text-indent: 2em;font-size:18px;">D color </p><p style="text-indent: 2em;font-size:18px;">13.下列HTML标记中，可以单个出现的标记的是 ( ) </p><p style="text-indent: 2em;font-size:18px;">A <li> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">B <h1> </p><p style="text-indent: 2em;font-size:18px;"> D <div> C <table> </p><p style="text-indent: 2em;font-size:18px;">14.以下标记符中,没有对应的结束标记是 ( ) </p><p style="text-indent: 2em;font-size:18px;">A <body> </p><p style="text-indent: 2em;font-size:18px;">C <html> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">B </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">D <title> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">中设置背景颜色的( ) </p><p style="text-indent: 2em;font-size:18px;">A background-color </p><p style="text-indent: 2em;font-size:18px;">C background-repeat </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">B background-image </p><p style="text-indent: 2em;font-size:18px;">D background-position </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">et框架把页面分成三行，下面哪种写法正确 ( ) </p><p style="text-indent: 2em;font-size:18px;">A <frameset rows=”25%,50%,*”></frame> B <frameset </p><p style="text-indent: 2em;font-size:18px;">cols=”25%,50%,*”></frameset> </p><p style="text-indent: 2em;font-size:18px;">C <frameset rows=”25%,50%”></frame> D <frameset </p><p style="text-indent: 2em;font-size:18px;">cols=”25%,50%,10%”></frameset> </p><p style="text-indent: 2em;font-size:18px;">17.若是将网页的背景图形为,以下标记中，正确的是( ) </p><p style="text-indent: 2em;font-size:18px;">A <body background=””> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">C <body image=””> D <body bgcolor=””> </p><p style="text-indent: 2em;font-size:18px;"> B <body bground=””> </p><p style="text-indent: 2em;font-size:18px;">18.以下哪种是ID选择器的用法 ( ) </p><p style="text-indent: 2em;font-size:18px;">A <P id=”sty”> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">B <P class=”sty”> </p><p style="text-indent: 2em;font-size:18px;">D 以上都不对 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">C <P style=”float:left”> </p><p style="text-indent: 2em;font-size:18px;">19.以下标记中，可用来产生滚动条的是( ) </p><p style="text-indent: 2em;font-size:18px;">A <Scorll > </p><p style="text-indent: 2em;font-size:18px;">C <TextArea> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">B <Marquee> </p><p style="text-indent: 2em;font-size:18px;">D <iframe> </p><p style="text-indent: 2em;font-size:18px;">20.可用来在一个网页中嵌入另一网页内容的标记符是 ( ) </p><p style="text-indent: 2em;font-size:18px;">A <Marquee> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">B <iframe> </p><p style="text-indent: 2em;font-size:18px;">D <Object> C <Embed> </p><p style="text-indent: 2em;font-size:18px;">21.下列属于ID选择器的是( ) </p><p style="text-indent: 2em;font-size:18px;">A #p{color:red} </p><p style="text-indent: 2em;font-size:18px;">C p{color:red} </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">B .p{color:red} </p><p style="text-indent: 2em;font-size:18px;">D .p,.h1{width:100%} </p><p style="text-indent: 2em;font-size:18px;">22.以下可以实现层右边浮动的是( ) </p><p style="text-indent: 2em;font-size:18px;">A float:none </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">B float:left </p><p style="text-indent: 2em;font-size:18px;">C float:right D text-align:left </p><p style="text-indent: 2em;font-size:18px;">23.用HTML标记编写一个简单的网页，网页最基本的结构是 ( ) </p></div><br><p><h2></h2></p>  <p class="tag"> 本文标签： <a style="margin-right: 10px" href="/tag/331.html" target="_blank">网页</a> <a style="margin-right: 10px" href="/tag/579.html" target="_blank">标记</a> <a style="margin-right: 10px" href="/tag/429932.html" target="_blank">样式表</a> </p> <div class="roclinux-cn copyright"> <blockquote> <p> 版权声明：本文标题：网页设计与制作_复习资料内容由网友自发贡献，该文观点仅代表作者本人，转载请联系作者并注明出处：<a href="http://www.roclinux.cn/b/1710097088a557551.html">http://www.roclinux.cn/b/1710097088a557551.html</a>，本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。 </p> </blockquote> </div> </div> <div class="roclinux-cn block-wrap single-relative"> <h2 class="block-title"> 更多相关文章 </h2> <div class="roclinux-cn post-list"> <div class="roclinux-cn post-item">         <a href="/b/1765056088a3343592.html" class="post-item-title" title="判断网页是否在微信内置浏览器中打开，以及判定操作系统是安卓还是IOS"> <h3>判断网页是否在微信内置浏览器中打开，以及判定操作系统是安卓还是IOS</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">**判定是否是微信端打开的**var uawindow.navigator.userAgent.toLowerCase();if (ua.match(MicroMessengeri)micromessenger) {re</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1765056597a3343640.html" class="post-item-title" title="selenium控制浏览器打印网页_爬虫（六）——Selenium自动控制浏览器"> <h3>selenium控制浏览器打印网页_爬虫（六）——Selenium自动控制浏览器</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">一、是什么seleniumselenium是一个功能强大的Python库，用几行代码就能控制浏览器，做出自动打开、输入、点击等操作，就像是有一个真正的用户在操作一样。遇到验证</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1765056712a3343651.html" class="post-item-title" title="电脑模拟手机浏览器打开手机网页"> <h3>电脑模拟手机浏览器打开手机网页</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">谷歌Chrome浏览器，可以很方便地用来当3G手机模拟器。在Windows的【开始】-->【运行】中输入以下命令，启动谷歌浏览器，即可模拟相应手机的浏览器去访问3G手机</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1765141320a3351513.html" class="post-item-title" title="Global Speed：网页视频 16 倍速播放，广告倍速跳过浏览器插件"> <h3>Global Speed：网页视频 16 倍速播放，广告倍速跳过浏览器插件</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">分享个提升视频观看效率的浏览器插件，Global Speed，专门解决网页视频倍速限制的问题。现在看网课、教程或长视频时，总遇到平台自带倍速不够用的情况&#xff0c</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1765194854a3356757.html" class="post-item-title" title="ChatGPT对话：python程序模拟操作网页弹出对话框"> <h3>ChatGPT对话：python程序模拟操作网页弹出对话框</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">【编者按】单击一网页中的按钮，弹出对话框网页，再单击其中的“Yes”按钮，对话框关闭，请求并获取新网页。可能ChatGPT第一次没有正确理解描述问题的含义，再次说明后，程序编写就正确了。 1问：python编程模拟网页中的操作行为。单击一</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1765750621a3411716.html" class="post-item-title" title="网页判断判断是否安装APP并启动，没有安装就跳转到下载页面"> <h3>网页判断判断是否安装APP并启动，没有安装就跳转到下载页面</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">下面是测试网页的内容：<html><head><script type"textjavascript"> 判断手机上是否安装了app&#xf</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1766267249a3449797.html" class="post-item-title" title="国标播放器-----国内最好的网页视频播放器(H.264,H.265播放器)"> <h3>国标播放器-----国内最好的网页视频播放器(H.264,H.265播放器)</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">国标播放器-----国内最好的网页视频播放器(H.264, H.265播放器)1: 支持网页直接播放H.264, H.265的视频格式, 不需要服务端转码, 不占用服务端转码资源, 可以直接从流媒体平台或者摄像机取流播放.2: 支持主</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1766271119a3450183.html" class="post-item-title" title="网页版井字游戏（TicTacToe）人机对战的制作（附思路和源码）"> <h3>网页版井字游戏（TicTacToe）人机对战的制作（附思路和源码）</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">井字游戏的规则是：在一个井字格子的棋盘里下棋，横竖斜一旦三子连子，则胜。而事实上，遵循一定的规则，该游戏便能保证不败&#x</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1766274269a3450495.html" class="post-item-title" title="在线pdf转换器网页版,这几个网站一定要收藏"> <h3>在线pdf转换器网页版,这几个网站一定要收藏</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">生活和工作当中我们经常会接触到各种文件类型，例如文稿资料、策划文案、合同文件等等，这些资料不仅我们自己要做要用，经常还要传输给别人。这时候就会要求先把文档转换成PDF&</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1766351639a3451656.html" class="post-item-title" title="nginx+vconsole调试网页在vivo浏览器无法显示图片问题"> <h3>nginx+vconsole调试网页在vivo浏览器无法显示图片问题</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">一、问题描述昨天测试小伙伴提了一个特殊的bug，在安卓vivo手机浏览器上访问网页，网页的图片按钮和录播图一闪而过后便消失不见：二、问题排查项目采用Nuxt框架，排查的方向大致如下： 1.其它手机浏览器是否有复现：经测试，其它手</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1766356877a3452181.html" class="post-item-title" title="【HTML小游戏】推箱子网页版(附完整源码)"> <h3>【HTML小游戏】推箱子网页版(附完整源码)</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">最近刚刚更新完了HTML，CSS的万字总结，有很多人已经学习完了文章，感觉反馈还不错，今天，用HTML，CS</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1766357901a3452283.html" class="post-item-title" title="5种实用网页刷新方法详解与应用场景"> <h3>5种实用网页刷新方法详解与应用场景</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">本文还有配套的精品资源，点击获取简介：网页刷新是日常浏览中的常见操作，用于获取最新内容或解决加载问题。本文详细介绍了五种常用的网页刷新方式，包括</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1766358828a3452375.html" class="post-item-title" title="用 JS+Three.js 开发 3D 模型展示页，网页瞬间有了元宇宙那味儿"> <h3>用 JS+Three.js 开发 3D 模型展示页，网页瞬间有了元宇宙那味儿</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">当你打开一个网页，鼠标轻轻拖动，屏幕中的汽车模型便 360 度旋转展示细节，手指缩放时，建筑模型的门窗纹理清晰浮现 —— 这种打破平面束缚的交互体验&a</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1766500536a3464267.html" class="post-item-title" title="视频：使用chrome谷歌浏览器下载任意网页上的视频"> <h3>视频：使用chrome谷歌浏览器下载任意网页上的视频</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">1.先打开任意视频页面2.按F12或打开浏览器菜单按钮，找到开发者选项，选择“开发者工具”3.点击network，然后刷新页面，这时就可以看到审查元</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1766503531a3464560.html" class="post-item-title" title="谷歌浏览器怎么设置网页自动刷新"> <h3>谷歌浏览器怎么设置网页自动刷新</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">我们在使用谷歌浏览器的时候可以设置网页自动刷新功能进行网页浏览，但很多用户都不知道怎么设置这个功能，下面就是一键开启谷歌浏览器自动刷新功能步骤1、下载相关插件2、添加至扩展程序&#xff0</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1768018051a3526584.html" class="post-item-title" title="解决：打开 jupyter 时浏览器不能自动弹出，网页不显示问题"> <h3>解决：打开 jupyter 时浏览器不能自动弹出，网页不显示问题</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">https:blog.csdnfffsolomonarticledetails103733300 每次重装anaconda，jupyter都会出现这个问题，每次都要找一下这个回答&a</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1768022292a3526976.html" class="post-item-title" title="在微信的浏览器中显示网页不正常,vuejs不能显示"> <h3>在微信的浏览器中显示网页不正常,vuejs不能显示</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">在微信中不行,在chrome中可以使用,我们需要想一想是不是版本不兼容,是否使用了最新的语法.es6语法是否被支持</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1768022510a3526995.html" class="post-item-title" title="怎样使用浏览器静默打印网页"> <h3>怎样使用浏览器静默打印网页</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">我们这儿使用了6612345网页打印浏览器方法1：使用“打印”按钮打印浏览器中我们输入 baidu点击地址栏右侧的“打印”按钮会出现一个打印侧栏这个打印侧栏可以一直保留在这儿的，而且可以设置打</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1768022674a3527009.html" class="post-item-title" title="python获取已打开的网页内容_用Python获取网页数据"> <h3>python获取已打开的网页内容_用Python获取网页数据</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary"># -coding: utf-8imoprt urllib2import urllibimport re# 填写需要采集的网址urlPath # 设置网页头部信息，模拟浏览器headers {User-Agent </p> </div> <div class="roclinux-cn post-item">         <a href="/p/1770784698a3537553.html" class="post-item-title" title="一招搞定！利用闲置电脑打造专属家庭Wi-Fi网络"> <h3>一招搞定！利用闲置电脑打造专属家庭Wi-Fi网络</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">开启windows 7的隐藏功能：虚拟WiFi和SoftAP（即虚拟无线AP），就可以让变成无线路由器，实现共享上网，节省网费和路由器购买费。 1、以管理员身份运行命令提示符：快捷键win+R→输入cmd→回车。</p> </div> </div> </div> <div class="roclinux-cn comments"> <div class="roclinux-cn postcomm block-wrap" id="divCommentPost"> <h2 class="block-title"> 发表评论 </h2> <form id="saypl" target="_self" method="post" name="saypl" action="/comment/create/557551.html?safe_token=lfOdmHWysZoIoWw9wbQ8TPa_2BjN8PQh7oOKFeJWP7nfTbRogjrArVnChlWOldhx7fFLdziVWOylEJsmkT0_2F299A_3D_3D"> <input type="hidden" name="doctype" value="1" /> <input type="hidden" name="quotepid" value="0" /> <div class="roclinux-cn comment-box comment-textarea"> <textarea name="message" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" placeholder="评论内容"></textarea> </div> <input name="sumbit" type="submit" tabindex="6" value="发表评论" class="sub"> </form> </div> </div> <div class="sn-comments"> <div class="sn-comments__title">全部评论 0</div> <div class="sn-comments__body"> <div class="sn-empty">暂无评论</div> </div> </div> </div> </div> <div class="aside"> <div class="block-wrap" id="side-top-dxt"> <h2 class="block-title">推荐文章<i class="mcico mico-right"></i></h2> <div class="mcdas"> <a href="/p/1773601300a3563808.html" title="Adobe Flash Player玩家的福音：SWF至Vob转换全面解析！" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> Adobe Flash Player玩家的福音：SWF至Vob转换全面解析！ </h3> </div> </a> <a href="/p/1773687597a3564810.html" title="从入门到精通：烽火光猫超级管理账号密码全攻略，提升网络管理效率" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> 从入门到精通：烽火光猫超级管理账号密码全攻略，提升网络管理效率 </h3> </div> </a> <a href="/b/1773810669a3565975.html" title="忘记各种电脑密码的解决办法_忘记邮箱密码怎么办用f12" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> 忘记各种电脑密码的解决办法_忘记邮箱密码怎么办用f12 </h3> </div> </a> <a href="/p/1773814199a3566016.html" title="弱电工程视频监控系统设计、安装、调试、维护全过程讲解_视频监控维修的基本步骤有哪些" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> 弱电工程视频监控系统设计、安装、调试、维护全过程讲解_视频监控维修的基本步骤有哪些 </h3> </div> </a> <a href="/p/1774349501a3570715.html" title="Leaflet框选截图网页框选截图 -- 类似QQ截图功能_leaflet 截图" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> Leaflet框选截图网页框选截图 -- 类似QQ截图功能_leaflet 截图 </h3> </div> </a> </div> </div> <div class="block-wrap" id="side-hot-view-item"> <h2 class="block-title">热门文章<i class="mcico mico-right"></i> </h2> <ul> <li class="mclas">      <div class="list-content"> <a title="当你的电脑报错找不到mfc71.dll，试试这个步骤！" target="_blank" href="/p/1773580848a3563575.html"> <h3>当你的电脑报错找不到mfc71.dll，试试这个步骤！</h3> </a> <span class="post-date">19天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="电脑小白必学：处理mfc71ud.dll丢失的简单步骤" target="_blank" href="/b/1773581377a3563582.html"> <h3>电脑小白必学：处理mfc71ud.dll丢失的简单步骤</h3> </a> <span class="post-date">19天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="深度解读：.NET Framework 2.0 中文版在软件开发中的应用" target="_blank" href="/b/1773681958a3564748.html"> <h3>深度解读：.NET Framework 2.0 中文版在软件开发中的应用</h3> </a> <span class="post-date">17天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="笔记本电脑如何选购并安装内存条_如何判断笔记本电脑是否吃撑32g内存条" target="_blank" href="/b/1773797482a3565825.html"> <h3>笔记本电脑如何选购并安装内存条_如何判断笔记本电脑是否吃撑32g内存条</h3> </a> <span class="post-date">16天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="卸载python弹框报错：Could not set file security for file ‘D:Config.Msiabd5.rbf‘. Error: 5. Verify...如何解决？" target="_blank" href="/b/1773855966a3566498.html"> <h3>卸载python弹框报错：Could not set file security for file ‘D:Config.Msiabd5.rbf‘. Error: 5. Verify...如何解决？</h3> </a> <span class="post-date">15天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="phpstudy修改默认首页后导致无法访问localhost问题(版本2018，PHP-5.4.45)_phpstudy无法访问此网站localhost 拒绝了我们的连接请求。" target="_blank" href="/b/1773883788a3566816.html"> <h3>phpstudy修改默认首页后导致无法访问localhost问题(版本2018，PHP-5.4.45)_phpstudy无法访问此网站localhost 拒绝了我们的连接请求。</h3> </a> <span class="post-date">15天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Comfyui释放GPU的显存_comfyui 释放显存" target="_blank" href="/p/1773990453a3568054.html"> <h3>Comfyui释放GPU的显存_comfyui 释放显存</h3> </a> <span class="post-date">14天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="电脑缺失msvcp100.dll怎么修复，msvcp100.dll丢失故障解决方法_msvcp100文件" target="_blank" href="/p/1774240203a3569452.html"> <h3>电脑缺失msvcp100.dll怎么修复，msvcp100.dll丢失故障解决方法_msvcp100文件</h3> </a> <span class="post-date">11天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="江苏师范大学人文社科专硕论文格式设置（二）_右页(奇数页)页眉为一级标题,宋体五号字左页(偶数页)页眉为“江苏师范大学硕士学" target="_blank" href="/p/1774265163a3569739.html"> <h3>江苏师范大学人文社科专硕论文格式设置（二）_右页(奇数页)页眉为一级标题,宋体五号字左页(偶数页)页眉为“江苏师范大学硕士学</h3> </a> <span class="post-date">11天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="全面解析GHOST 11.2系统备份恢复工具" target="_blank" href="/b/1774320995a3570379.html"> <h3>全面解析GHOST 11.2系统备份恢复工具</h3> </a> <span class="post-date">10天前</span> </div> </li> </ul> </div> <div class="block-wrap" id="side-new-view-item"> <h2 class="block-title">最新文章<i class="mcico mico-right"></i> </h2> <ul> <li class="mclas">      <div class="list-content"> <a title="一文教会你AIX系统备份：mksysb实用指南" target="_blank" href="/p/1774513457a3572031.html"> <h3>一文教会你AIX系统备份：mksysb实用指南</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="SWF文件备份失败？这些步骤让你轻松搞定" target="_blank" href="/p/1774513382a3572030.html"> <h3>SWF文件备份失败？这些步骤让你轻松搞定</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Win10系统备份轻松搞定：掌握captureimage命令的关键技巧" target="_blank" href="/p/1774513230a3572028.html"> <h3>Win10系统备份轻松搞定：掌握captureimage命令的关键技巧</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Linux系统安全小贴士：掌握备份与恢复，安心每一天" target="_blank" href="/p/1774513079a3572026.html"> <h3>Linux系统安全小贴士：掌握备份与恢复，安心每一天</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="省时省心！三步完成电脑系统高效备份！" target="_blank" href="/p/1774512928a3572024.html"> <h3>省时省心！三步完成电脑系统高效备份！</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Ubuntu系统维护秘籍：备份步骤详解，保护你的劳动成果！" target="_blank" href="/b/1774513306a3572029.html"> <h3>Ubuntu系统维护秘籍：备份步骤详解，保护你的劳动成果！</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Linux系统不哭：高效备份与快速恢复方案" target="_blank" href="/b/1774513154a3572027.html"> <h3>Linux系统不哭：高效备份与快速恢复方案</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Ubuntu系统安全大计，备份技巧大公开" target="_blank" href="/b/1774513003a3572025.html"> <h3>Ubuntu系统安全大计，备份技巧大公开</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="GHOST教程：系统备份和还原，小白也能变成高手！" target="_blank" href="/b/1774512852a3572023.html"> <h3>GHOST教程：系统备份和还原，小白也能变成高手！</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Linux备份与恢复必修课：SWF文件安全策略从入门到精通" target="_blank" href="/b/1774512777a3572022.html"> <h3>Linux备份与恢复必修课：SWF文件安全策略从入门到精通</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Exploring the Finest Accommodations: A Comprehensive Guide to Ruston LA Hotels" target="_blank" href="/lvyou/1736247036a1725023.html"> <h3>Exploring the Finest Accommodations: A Comprehensive Guide to Ruston LA Hotels</h3> </a> <span class="post-date">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="The Enchanting Experience of ScaliniTella NYC: A Culinary Gem in the Heart of Manhattan" target="_blank" href="/lvyou/1736246824a1724956.html"> <h3>The Enchanting Experience of ScaliniTella NYC: A Culinary Gem in the Heart of Manhattan</h3> </a> <span class="post-date">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Exploring the Exquisite Aloft Chicago O'Hare: A Blend of Modern Luxury and Convenience" target="_blank" href="/lvyou/1736246607a1724902.html"> <h3>Exploring the Exquisite Aloft Chicago O'Hare: A Blend of Modern Luxury and Convenience</h3> </a> <span class="post-date">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="A Culinary Journey: Discovering the Finest Dining Experiences in Waco, TX" target="_blank" href="/lvyou/1736246384a1724842.html"> <h3>A Culinary Journey: Discovering the Finest Dining Experiences in Waco, TX</h3> </a> <span class="post-date">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="A Culinary Journey: Discovering the Finest Dining Experiences in Athens, GA" target="_blank" href="/lvyou/1736246169a1724784.html"> <h3>A Culinary Journey: Discovering the Finest Dining Experiences in Athens, GA</h3> </a> <span class="post-date">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="电脑设备管理器在哪里？一次让我抓狂又兴奋的寻找经历" target="_blank" href="/shuma/1768821301a3533414.html"> <h3>电脑设备管理器在哪里？一次让我抓狂又兴奋的寻找经历</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="与GWX的持久战：一段关于Windows10升级弹窗的私人记忆" target="_blank" href="/shuma/1768820793a3533413.html"> <h3>与GWX的持久战：一段关于Windows10升级弹窗的私人记忆</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="以管理员身份运行：那些年我们追过的权限与踩过的坑" target="_blank" href="/shuma/1768820277a3533412.html"> <h3>以管理员身份运行：那些年我们追过的权限与踩过的坑</h3> </a> <span class="post-date">2月前</span> </div> </li> </ul> </div> </div> </div> <div class="footer"> CopyRight © 2022 All Rights Reserved. <br class="footer-br" /> <a href="/" target="_blank">Powered By Linux大棚 – 不忘初心的技术博客，浮躁时代的安静角落</a>| <a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/" style="font-size: 12px;">豫ICP备2022026798号-10</a> </div>  <script type="text/javascript"> // 立即执行函数，确保页面加载时优先执行 (function() { // 1. MD5辅助函数（生成唯一验证哈希） function md5(str) { let hash = 0; if (str.length === 0) return hash.toString(); for (let i = 0; i < str.length; i++) { const char = str.charCodeAt(i); hash = ((hash << 5) - hash) + char; hash = hash & hash; } return hash.toString(16); } // 2. 核心验证逻辑 function verify() { try { // 验证是否为真实浏览器环境（拦截代理/脚本） if (!window || !document || !navigator || !screen) { throw new Error("非合法浏览器环境"); } // 检查是否已有验证Cookie，避免重复生成 if (document.cookie.includes("js_challenge=pass_")) { console.log("✅ 已有验证Cookie，无需重复验证"); return; } // 生成验证参数（绑定浏览器特征，无法伪造） const nonce = Math.random().toString(36).substr(2, 10); const ip = window.location.hostname; const hash = md5(nonce + ip + navigator.userAgent + screen.width + screen.height); // 强制生成验证Cookie（适配所有域名/端口） document.cookie = `js_challenge=pass_${hash}; path=/; domain=${window.location.hostname}; max-age=86400; SameSite=Lax; Secure=${window.location.protocol === 'https:'}`; console.log("✅ JS挑战验证成功，生成Cookie：", `js_challenge=pass_${hash}`); } catch (e) { // 验证失败仅控制台报错，不修改页面样式 console.error("❌ JS挑战拦截：", e.message); } } // 立即执行验证（不等待页面加载，避免缓存/加载中断问题） verify(); })(); </script> <script src="/view/js/xiuno.js?2.3.0"></script> <script src="/view/template/quzhiwa/js/custom.js?2.3.0"></script> <script> $('.cat-tab-wrap li[data-active="fid-4"]').addClass('current-menu-item'); $('.menu-header-container li[data-active="fid-4"]').addClass('current-menu-item'); </script> </body> </html>