网页源代码模板如下： <html> <meta http-equiv="Content=-Type" content="text/html; charset=utf-8"/> <head> <link href="http://192.167.1.101/hint.css" rel="stylesheet"></link> </head> <body>[talkid:137031381]2014年4月20日 03:55:45 , <span class="hint-success" data-hint="">2323234</span> 在群 <span class="hint-success" data-hint="">20011</span> 中发言我们已经是dffwerwer天吧！ [talkid:137031382]2014年4月22日 04:45:45 , <span class="hint-success" data-hint="">2323234</span> 在群 <span class="hint-success" data-hint="">20011</span> 中发言音频 :[<a href="files/24434sfsfsjdfrhf_n.m4a"]>音频</a> [talkid:137031383]2014年4月23日 04:55:45 , <span class="hint-success" data-hint="">2323234</span> 在群 <span class="hint-success" data-hint="">20011</span> 中发言图片 :[<a href="files/f/f123ftrtrhf_n.jpg"]>图片</a> [talkid:137031384]2014年4月24日 05:55:45 , <span class="hint-success" data-hint="">2323234</span> 在群 <span class="hint-success" data-hint="">20011</span> 中发言我们已方式方法方式 [talkid:137031385]2014年4月25日 06:55:45 , <span class="hint-success" data-hint="">2323234</span> 在群 <span class="hint-success" data-hint="">20011</span> 中发言我而对方是否的天吧！ </body> </html> 使用python爬虫提取body每行</span> 中发言或</span> 发送后的字段，包括a标签内的地址

时间: 2023-08-14 08:01:42 浏览: 112

抗疫行动题材网页设计大学生最美逆行者感动人物网页代码众志成城万众一心抗击疫情HTML网页设计

HTML5期末考核大作业源码包含个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、服装、体育、化妆品、物流、环保、书籍、婚纱、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js，有的视频+音乐+flash的等元素的插入。【查看更多源码地址】：https://blog.csdn.net/VX_WJ88950106?type=blog ### 型 HTML5 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="text/html; charset=utf-8" /> <title>抗击新冠疫情 - 致敬最美逆行者</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/script.js"></script> </head> <body> <div class="header"> <h1>抗击新冠疫情 - 致敬最美逆行者</h1> <nav> <ul> <li><a href="index.html">首页</a></li> <li><a href="heroes.html">感动人物</a></li> <li><a href="moments.html">动人瞬间</a></li> <li><a href="videos.html">感人视频</a></li> <li><a href="photos.html">感动图集</a></li> <li><a href="news.html">感动新闻</a></li> </ul> </nav> </div> <div class="main"> <section id="hero-section"> <h2>向最美逆行者致敬</h2> <p>在这个特殊的时期，有这样一群人，他们义无反顾地冲向疫情最前线，用他们的行动诠释着责任与担当。</p> </section> <section id="stories-section"> <h2>感人事迹</h2> <article> <h3>医护人员的坚守</h3> <p>在医院里，医护人员夜以继日地工作，为了每一个生命的希望，他们付出了巨大的努力。</p> </article> <article> <h3>志愿者的无私奉献</h3> <p>无数志愿者加入到疫情防控的第一线，他们为社区居民提供帮助和支持，展现出了人间大爱。</p> </article> </section> <section id="video-section"> <h2>感人视频</h2> <video controls width="640" height="360"> <source src="videos/tribute.mp4" type="video/mp4"> 您的浏览器不支持 video 标签。 </video> </section> <section id="photo-gallery"> <h2>感动图集</h2> <div class="gallery"> <img src="images/gallery1.jpg" alt="医护人员"> <img src="images/gallery2.jpg" alt="志愿者"> <img src="images/gallery3.jpg" alt="社区服务"> </div> </section> </div> <div class="footer"> <p>© 2023 抗击新冠疫情 - 致敬最美逆行者. All rights reserved.</p> </div> </body> </html> ``` ##🎨 CSS 样式代码 ```css /* CSS样式 */ body { font-family: 'Arial', sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; } .header { background-color: #333; color: white; padding: 10px 0; text-align: center; } .header nav ul { list-style-type: none; padding: 0; } .header nav ul li { display: inline; margin-right: 10px; } .header nav ul li a { color: white; text-decoration: none; } .header nav ul li a:hover { color: #f03a17; } .main { width: 80%; margin: auto; overflow: hidden; } section { margin-bottom: 20px; } #hero-section { background-color: #f03a17; color: white; padding: 20px; text-align: center; } .gallery img { width: 200px; height: 150px; margin: 10px; } .footer { background-color: #333; color: white; text-align: center; padding: 10px 0; position: fixed; bottom: 0; width: 100%; } ``` ##🔧 JavaScript 功能代码 ```javascript $(document).ready(function(){ // 添加鼠标悬浮时的高亮效果 $("nav ul li a").hover(function(){ $(this).css("color", "#f03a17"); }, function(){ $(this).css("color", "white"); }); // 图片轮播功能 var images = ["images/gallery1.jpg", "images/gallery2.jpg", "images/gallery3.jpg"]; var currentImageIndex = 0; function changeImage() { $("#photo-gallery .gallery img").attr("src", images[currentImageIndex]); currentImageIndex = (currentImageIndex + 1) % images.length; } setInterval(changeImage, 3000); // 每隔3秒自动切换图片 }); ``` ### 📚 总结该网页设计作品是针对大学生的期末大作业而设计的，旨在通过一个具体的主题——抗击疫情致敬逆行者，来锻炼学生的HTML、CSS和JavaScript技能。此网页包含了多个页面，如“感动人物”、“动人瞬间”、“感人视频”和“感动图集”等，旨在全方位展现抗击疫情过程中涌现出的各种感人事迹。网页采用了流行的DIV+CSS布局方式，使得整体布局简洁明了，易于阅读。此外，还加入了JavaScript特效，如图片轮播、视频播放等，增加了网页的互动性和观赏性。在制作过程中，作者特别注意了网页的可用性和兼容性，确保网页能在各种主流浏览器上正常显示。此外，网页中的多媒体元素如图片、视频等也被精心挑选和处理，使得整个网页既美观又具有实用性。总而言之，这个网页不仅是一个优秀的期末作业示例，也为学生们提供了一个良好的学习资源，可以帮助他们在实践中掌握网页设计的基础知识和技术要点。

您可以使用Python的正则表达式模块re来提取每行中的发言字段和a标签内的地址。下面是一个示例代码，演示如何使用Python爬虫提取源代码中body每行中的发言字段和a标签内的地址： ```python import re html = ''' <html> <meta http-equiv="Content=-Type" content="text/html; charset=utf-8"/> <head> <link href="http://192.167.1.101/hint.css" rel="stylesheet"></link> </head> <body>[talkid:137031381]2014年4月20日 03:55:45 , <span class="hint-success" data-hint="">2323234</span> 在群 <span class="hint-success" data-hint="">20011</span> 中发言我们已经是dffwerwer天吧！ [talkid:137031382]2014年4月22日 04:45:45 , <span class="hint-success" data-hint="">2323234</span> 在群 <span class="hint-success" data-hint="">20011</span> 中发言音频 :[<a href="files/24434sfsfsjdfrhf_n.m4a"]>音频</a> [talkid:137031383]2014年4月23日 04:55:45 , <span class="hint-success" data-hint="">2323234</span> 在群 <span class="hint-success" data-hint="">20011</span> 中发言图片 :[<a href="files/f/f123ftrtrhf_n.jpg"]>图片</a> [talkid:137031384]2014年4月24日 05:55:45 , <span class="hint-success" data-hint="">2323234</span> 在群 <span class="hint-success" data-hint="">20011</span> 中发言我们已方式方法方式 [talkid:137031385]2014年4月25日 06:55:45 , <span class="hint-success" data-hint="">2323234</span> 在群 <span class="hint-success" data-hint="">20011</span> 中发言我而对方是否的天吧！ </body> </html> ''' # 提取发言字段的正则表达式 statement_regex = r'>(.*?)</span>' # 提取a标签内的地址的正则表达式 link_regex = r'<a href="([^"]+)">' # 提取body中每行的发言字段和a标签内的地址 statements = re.findall(statement_regex, html) links = re.findall(link_regex, html) print("发言字段:") for statement in statements: print(statement) print("\n链接地址:") for link in links: print(link) ``` 运行以上代码，将会输出每行中的发言字段和a标签内的地址。希望能对您有所帮助！

阅读全文

相关推荐

基于web在线餐饮网站的设计与实现——仿Coco线上订奶茶饮料6个页面(HTML+CSS+JavaScript)

JSP EIMS系统-OA子系统的设计与开发(源代码+lw).zip

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Expires" content="0">为什么无法识别

学生DW静态网页设计 红色中国文化主题网站设计 ——美丽中国1页HTML+.md

HTML5期末大作业：美食网页主题网站设计与实现——HTML+CSS+JavaScript月饼美食食品企业网站html模板9页面

HTML-Head-Generator:常见的 HTML 标签生成器生成器脚本

HTML5七夕情人节表白网页制作【雪花爱心】HTML+CSS+JavaScript 爱心代码 爱心制作 表白代码 告白网页制作

web前端网页设计与制作——华夏第一县HTML+CSS+JavaScript

ArcGis-for-javaScript最全中文API.docx

毕业设计&课设_百脑汇商城管理系统：Java 毕设项目.zip

【品牌价值-2024研报】最有价值和最强大的NFL品牌的2024年度报告（英）.pdf

【环球律师事务所-2024研报】《云计算（2024版）》之中国篇（英）.pdf

【招商期货-2024研报】招期农产品棉花周报：棉价重新开始寻底.pdf

【联合国贸易发展委员-2024研报】联合国贸易发展委员会-2024年贸易优惠展望（英）.pdf

使用java做一个坦克大战小游戏.zip学习资料

毕业设计&课设_网上购物管理系统：Java 毕设项目.zip

最新推荐

毕业设计&课设_百脑汇商城管理系统：Java 毕设项目.zip

【品牌价值-2024研报】最有价值和最强大的NFL品牌的2024年度报告（英）.pdf

【环球律师事务所-2024研报】《云计算（2024版）》之中国篇（英）.pdf

【招商期货-2024研报】招期农产品棉花周报：棉价重新开始寻底.pdf

【联合国贸易发展委员-2024研报】联合国贸易发展委员会-2024年贸易优惠展望（英）.pdf

JHU荣誉单变量微积分课程教案介绍

管理建模和仿真的文件

【实战篇：自定义损失函数】：构建独特损失函数解决特定问题，优化模型性能

如何在ZYNQMP平台上配置TUSB1210 USB接口芯片以实现Host模式，并确保与Linux内核的兼容性？

Naruto爱好者必备CLI测试应用

学生DW静态网页设计红色中国文化主题网站设计 ——美丽中国1页HTML+.md

HTML5七夕情人节表白网页制作【雪花爱心】HTML+CSS+JavaScript 爱心代码爱心制作表白代码告白网页制作