本文展示了HTML基础结构，包括DOCTYPE声明、头部标签（meta和title）、链接外部CSS文件以及新闻容器的布局。内容中包含了两个新闻文章片段，使用CSS样式美化了页面。同时提到了杨幂的个人经历作为示例。
HTML部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<link rel="stylesheet" type="text/css" href="C:\Users\ASUS\Desktop\云计算\html\作业.html\2.css">
<body>
<div class="header">
<h1>新闻网站</h1>
</div>
<div class="news-container">
<h2>最新新闻</h2>
<article>
<h3>春节返程途中，路边都是被扔的土鸡，网友：父母的爱被丢到高速了</h3>
<p>都说孩大不由娘，其实我想说的是长大之后有太多的身不由己。
很多在社会上摸爬滚打的人，就算年轻的时候在叛逆，也终于知道了父母的不容易，而父母对自己子女的爱永远是一成不变的。
都说陪伴是最长情的告白，在告别乡下的姥姥时，明明出门前双方都是笑嘻嘻的，怎么临别之际，都忍不住湿了眼眶、酸了鼻头。
姥姥那小小的身影倚靠在门框边上，自己的心中更是说不出的心酸。
小时候每年暑假都会跑到乡下的姥姥家捣乱，记忆里那时的她不像现在这般满头白发，只有斑白的两鬓。
怎么感觉恍惚间已经老了这么多……</p>
<a href="#">阅读更多</a>
</article>
<article>
<h3>杨幂初中时期无人表白，看了她初三的照片，网友：这谁敢追？</h3>
<p>杨幂，这个名字如同一颗明亮的星星，熠熠生辉，成为无数人心中的女神。从她娇嫩的初中时期到如今的职场女强人，杨幂一直散发着令人陶醉的魅力。她水灵灵的大眼睛仿佛能勾勒出一个美梦，让人对她的喜爱难以抑制。
近日，中国娱乐圈再次掀起轰动，焦点聚焦在这位演艺圈的风云人物——杨幂。作为一位备受瞩目的女演员，她的“逆袭人生”故事令人瞠目结舌，成为公众关注的焦点。
演艺初探：娇嫩初中时代
回溯至杨幂初中时期，她的外表显得格外娇嫩。那个时候的她，水灵灵的大眼睛就已经透露出不同寻常的美感。在一次不经意的采访中，杨幂坦言在初中时根本没有被人追求。这个消息引起了许多人的疑惑，一个如此貌美的女孩竟然没有被人追求，这是怎样的一个奇迹？
逆袭之路：从娱乐圈新秀到职场女强人
岁月的洗礼并没有让杨幂沉沦于初中时的困境。相反，她以坚韧不拔的毅力踏入娱乐圈，成为一颗耀眼的新星。娱乐圈是一个竞争激烈的舞台，但杨幂凭借着自己的才华和努力，成功地赢得了大众的喜爱。她的美貌、性感的身材和出色的表演技巧，让她在影视剧中展现了全然不同的美丽，为观众们留下深刻
</p>
<a href="#">阅读更多</a>
</article>
</div>
<div class="footer">
© 版权所有
</div>
<img src="C:\Users\ASUS\Desktop\云计算\相片\广告.jpg" alt="" width=1500px,height>
</html>
css部分
.header {
background-color:#333;
color: #fff;
padding: 20px;
text-align: center;
}
.news-container {
padding: 20px;
}
.article {
padding: 10px;
border-bottom: 1px solid #ccc;
}
.article h3 {
margin-top: 0;
}
.article p {
margin-top: 5px;
font-size: 16px;
}
.footer {
background-color: #666;
color: #fff;
text-align: center;
padding: 10px;
}
效果图（广告自己随便找）
6637
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
