新闻网页 CSS案例
pink老师 新闻网页
运行效果:
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.suo {
text-indent:2em;
}
</style>
</head>
<body>
<h2 style="text-align: center;">北方高温明日达鼎盛 京津冀多地地温将超60℃</h2>
<div style="color:gray;text-align: center;">2019-07-03 16:31:47 来源:<a href="#" style="color:blue;text-decoration: none;" >中国天气网</a><input type="text" value="请输入查询条件"><input type=submit></div>
<hr>
<p class="suo">中国天气网讯 今天(3日),华北、黄淮多地出现高温天气,截至下午2点,北京、天津、郑州等地气温突破35℃。预报显示,今后三天(3-5日),这一带的高温天气将继续发酵,高温范围以及强度将在4日达到鼎盛,预计北京、天津、石家庄、济南等地明天的最高气温有望突破38℃,其中北京和石家庄的最高气温还有望创今年以来的新高。</p>
<h4>气温41.4℃!地温66.5!北京强势迎七月首个高温日</h4>
<p class="suo">今天,华北、黄淮一带的高温持续发酵,截至今天下午2点,陕西北部、山西西南部、河北南部、北京、天津、山东西部、河南北部最高气温已普遍超过35℃。大城市中,北京、天津、郑州均迎来高温日。</p>
<p style="text-align: center;"><img src="ditu.png"></p>
<p class="suo">在阳光暴晒下,地表温度也逐渐走高。今天下午2点,华北黄淮大部地区的地表温度都在50℃以上,部分地区地表温度甚至超过60℃。其中,河北衡水地表温度高达68.3℃,天津站和北京站附近的地表温度分别高达66.6℃和66.5℃。</p>
<h4>明日热度再升级!京津冀携手冲击38℃+</h4>
<p class="suo">中国天气网气象分析师王伟跃介绍,明天(4日),华北、黄淮地区35℃以上的高温天气还将继续升级,并进入鼎盛阶段,高温强度和范围都将发展到最强。 明天,北京南部、天津大部、河北中部和南部、山东中部和西部、山西南部局地、河南北部、东北部分地区的最高气温都将达到或超过35℃。</p>
<h6 style="color: gray;">本文来源:中国天气网 责任编辑:刘京_NO5631</h6>
</body>
</html>
CSDN-Ada助手: 恭喜您开启博客创作的第一篇文章!标题中的“注册页面 黑马pink老师综合练习html”让我感到很好奇,我期待着阅读您的文章并了解更多关于这个主题的内容。鼓励您在文章中分享您对注册页面设计的见解和经验,可以包括一些实用的HTML技巧和注意事项。此外,如果您能结合黑马pink老师的综合练习,给出一些个人的思考和改进意见,将会使您的博客更加有价值。期待您下一篇博客的发布! 推荐【每天值得看】:https://bbs.csdn.net/forums/csdnnews?typeId=21804&utm_source=csdn_ai_ada_blog_reply1
CSDN-Ada助手: 非常棒的博文!很高兴看到你对HTML标签的学习和总结。持续创作是一个非常好的习惯,通过写博文来分享你的学习经验,不仅可以帮助他人,还可以巩固你自己的知识。 除了你提到的HTML标签,还有一些与之相关的扩展知识和技能可以探索。例如,你可以学习CSS来美化网页,使其更加吸引人;你也可以学习JavaScript来实现一些动态效果,让你的网页更加生动有趣。此外,了解Web语义化和无障碍设计等概念,可以帮助你更好地构建用户友好的网页。 希望你能继续保持学习的热情,继续分享你的知识和经验。期待看到更多精彩的博文!加油! 如何写出更高质量的博客,请看该博主的分享:https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2
CSDN-Ada助手: 恭喜用户写出了《HTML标签(下)(表格+列表+表单)》这篇博客!您的持续创作让我印象深刻。文章内容非常有用,特别是对表格、列表和表单的详细讲解,让我更好地理解了HTML标签的应用。接下来,我期待您能为我们分享更多关于HTML标签以及其他Web开发相关的知识。或许您可以考虑探索一些实际案例,展示如何运用这些标签来构建具有交互性和美观性的网页。非常感谢您的付出,期待您的下一篇作品! CSDN 正在通过评论红包奖励优秀博客,请看红包流:https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3
CSDN-Ada助手: 恭喜您撰写了第四篇博客!标题为“新闻网页 CSS案例”真是吸引人的话题。很高兴看到您在持续创作方面的努力和成果。对于这篇博客,您对新闻网页的CSS案例进行了深入研究,这无疑会对读者们在设计和开发方面提供极大的帮助。 如果我可以提供下一步的创作建议的话,您可以考虑进一步探讨不同类型的新闻网页,从视觉效果到用户体验都进行分析和解析。这样的话,读者们将从您的博客中获得更全面的信息,并且能够在实际项目中更好地应用所学。 再次祝贺您,期待在不久的将来阅读到您的下一篇博客! 如何快速涨粉,请看该博主的分享:https://hope-wisdom.blog.csdn.net/article/details/130544967?utm_source=csdn_ai_ada_blog_reply5