<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>百度新闻————海量中文资讯平台</title>
</head>
<body>
<!-- 页头 -->
<header>
<!-- 最顶部区域 -->
<div>
<ul>
<li><a href="">网页</a></li>
<li><a href="">新闻</a></li>
<li><a href="">贴吧</a></li>
<li><a href="">知道</a></li>
<li><a href="">音乐</a></li>
<li><a href="">图片</a></li>
<li><a href="">视频</a></li>
<li><a href="">地图</a></li>
<li><a href="">文库</a></li>
</ul>
<ul>
<li><a href="">百度首页</a></li>
<li>
<a href="">用户名</a>
<ul>
<li><a href="">我的主页</a></li>
<li><a href="">账号设置</a></li>
<li><a href="">退出</a></li>
</ul>
</li>
<li>
<a href="">
<span>百度新闻客户端</span>
<img src="./img/python.ico" alt="">
</a>
</li>
</ul>
</div>
<!-- 搜索区域 -->
<div>
<div>
<h1>
<a href="">
百度新闻
<img src="./img/city.jpg" width="50px" alt="">
</a>
</h1>
</div>
<div>
<input type="text">
<button>百度一下</button>
</div>
<div>
<a href="">帮助</a>
</div>
</div>
<!-- 页面导航 -->
<div>
<!-- nav元素，HTML5的新元素，容器元素 -->
<nav>
<a href="">首页</a>
<a href="">国内</a>
<a href="">国际</a>
<a href="">军事</a>
<a href="">财经</a>
</nav>
<!-- <nav>
<ul>
<li><a href="">首页</a></li>
<li><a href="">国内</a></li>
<li><a href="">国际</a></li>
<li><a href="">军事</a></li>
<li><a href="">财经</a></li>
</ul>
</nav> -->
</div>
</header>
<!-- 中部区域 -->
<div>
<!-- 热点要闻 -->
<div>
<!-- 左边 -->
<div>
<!-- 标题 -->
<div>
<h2><a href="">热点要闻</a></h2>
</div>
<!-- 多个新闻列表 -->
<div>
<ul>
<li>
<h3><a href="">Lorem ipsum dolor sit amet.</a></h3>
</li>
<li><a href="">Lorem ipsum dolor sit amet.</a></li>
<li><a href="">Odit explicabo sapiente consectetur harum.</a></li>
<li><a href="">Dolore recusandae doloremque esse earum!</a></li>
<li><a href="">Tenetur officiis rem veniam excepturi!</a></li>
<li><a href="">Autem et quod ullam tenetur.</a></li>
<li><a href="">Nemo inventore magnam earum quas?</a></li>
</ul>
<ul>
<li>
<h3><a href="">Lorem ipsum dolor sit amet.</a></h3>
</li>
<li><a href="">Lorem ipsum dolor sit amet.</a></li>
<li><a href="">Odit explicabo sapiente consectetur harum.</a></li>
<li><a href="">Dolore recusandae doloremque esse earum!</a></li>
<li><a href="">Tenetur officiis rem veniam excepturi!</a></li>
<li><a href="">Autem et quod ullam tenetur.</a></li>
<li><a href="">Nemo inventore magnam earum quas?</a></li>
</ul>
</div>
</div>
<!-- 右边 -->
<div>
<!-- 幻灯片 -->
<div>
<!-- 幻灯片、轮播图 -->
<div>
<!-- 放置图片 -->
<div>
<div>
<a href="">
<img src="./img/banner1.jpg" width="200px" alt="">
<h3>Lorem, ipsum dolor.</h3>
</a>
</div>
<div>
<a href="">
<img src="./img/banner2.jpg" width="200px" alt="">
<h3>Lorem, ipsum dolor.</h3>
</a>
</div>
<!-- 左右切换的按钮 -->
<div>
<span><</span><span>></span>
</div>
<!-- 切换到小圆圈 -->
<ul>
<li></li>
<li></li>
</ul>
</div>
</div>
<!-- 附加链接 -->
<div>
<a href="">
<img src="./img/bgf.png" alt="">
</a>
<a href="">
<img src="./img/bga1.jpg" alt="">
</a>
</div>
</div>
<!-- 热搜词 -->
<div>
<div>
<h3>
热搜新闻单词
<span>HOT WORDS</span>
<!-- 下面到这个span是一个图标 -->
<span></span>
</h3>
<ul>
<li>Lorem.</li>
<li>Voluptatum.</li>
<li>Commodi.</li>
<li>Ullam.</li>
<li>Dicta?</li>
<li>Qui.</li>
<li>Odit.</li>
<li>Incidunt?</li>
<li>Quod?</li>
<li>Ut.</li>
</ul>
</div>
</div>
<!-- 百家号 -->
<div>
<div>
<h3>
热搜新闻单词
<span>HOT WORDS</span>
<!-- 下面到这个span是一个图标 -->
<span></span>
</h3>
<ul>
<li>Lorem.</li>
<li>Voluptatum.</li>
<li>Commodi.</li>
<li>Ullam.</li>
<li>Dicta?</li>
<li>Qui.</li>
<li>Odit.</li>
<li>Incidunt?</li>
<li>Quod?</li>
<li>Ut.</li>
</ul>
</div>
<!-- 左边 -->
<div>
<ul>
<li><a href=""><span>Lorem, ipsum dolor.</span><img src="./img/python.ico" alt=""></a></li>
<li><a href=""><span>Dolores, nobis eum.</span><img src="./img/python.ico" alt=""></a></li>
<li><a href=""><span>Modi, dolor veritatis?</span><img src="./img/python.ico" alt=""></a></li>
<li><a href=""><span>Culpa, dolorem atque.</span><img src="./img/python.ico" alt=""></a></li>
</ul>
</div>
<!-- 右边 -->
<div>
<ul>
<li>
<h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia, magni sequi beatae soluta sapiente, accusamus dicta exercitationem assumenda vero incidunt odit consequuntur eos eum ea suscipit deserunt minima nihil dolor.</h3>
</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium, magni illum. Sunt nisi, in, aperiam eaque inventore recusandae dolore, dolorem ratione soluta porro cupiditate. Magni mollitia dicta voluptate minus! Excepturi!</li>
<li>Optio maiores incidunt ex obcaecati. Libero vitae labore sunt ducimus harum rerum. Asperiores, id placeat dolorem ex, esse, dignissimos architecto unde sunt explicabo iste facilis vero quos veniam perferendis sed.</li>
<li>Minima dolorum beatae tempora incidunt officiis cupiditate temporibus veniam cum soluta aliquam dignissimos, earum perspiciatis voluptate, quisquam ea voluptates assumenda veritatis omnis asperiores velit aperiam nobis quis tempore in! Aliquid.</li>
<li>In dicta autem labore animi minima officiis! Perspiciatis, commodi iste omnis architecto magnam enim sit! Modi tenetur tempore, sed saepe iste, autem commodi porro veritatis quia aliquid quibusdam voluptas voluptates?</li>
<li>Non, voluptates commodi velit mollitia atque nostrum nam maiores, iste odit reiciendis ratione? Nulla, eligendi. Consequuntur, est error facilis dolorem, cumque officiis debitis temporibus omnis soluta iusto animi iste. Optio?</li>
</ul>
<ul>
<li>
<h3>Ipsa cumque aperiam officia rem beatae aliquid inventore fuga tempora nihil, qui saepe repellendus quibusdam voluptatem. Minima, commodi? Mollitia, quisquam doloribus! Nesciunt tenetur nam eveniet obcaecati. Tenetur neque expedita magni.</h3>
</li>
<li>Voluptate harum saepe error eligendi, ullam ab dolore voluptatibus. Maxime dolor repellat veniam! Nesciunt iusto adipisci, natus architecto tempore, cupiditate dolor sed aliquid voluptas vel molestias vero blanditiis, at nisi!</li>
<li>Maiores, illum sapiente doloribus perferendis at ipsum impedit nesciunt sit maxime, eos, dolor voluptatem! Blanditiis explicabo ut voluptates delectus qui quae non quibusdam totam quidem repellat. Sapiente sint quisquam nesciunt?</li>
<li>Commodi reprehenderit optio nobis veritatis enim iste hic quo ullam unde error alias saepe suscipit odio, veniam quia tempora quod. Culpa eius deserunt temporibus a laboriosam hic tenetur quia quidem.</li>
<li>Ipsum soluta ullam dolor libero non corporis velit impedit, sit excepturi aspernatur nostrum voluptas accusamus error assumenda, ut eius hic omnis dolorum facilis nisi est dolorem. Assumenda illo repellat possimus?</li>
<li>Illo necessitatibus officiis aliquid natus non aliquam, distinctio qui! Assumenda numquam soluta error, laboriosam deserunt consequatur, earum aliquam, nostrum nobis similique veritatis ipsa ratione. Minus unde cumque nesciunt aperiam enim.</li>
</ul>
<ul>
<li>
<h3>Recusandae et natus explicabo nostrum ducimus a sequi aut, quae praesentium aperiam minima eveniet tempora, repellat exercitationem placeat incidunt voluptate veritatis fugit, maiores mollitia totam iusto? In culpa consectetur itaque.</h3>
</li>
<li>Hic temporibus mollitia natus distinctio, totam sequi minima expedita, sed explicabo illum tenetur esse, quasi impedit excepturi! Nam soluta quisquam quasi laudantium reiciendis! Fuga, et quam? Ducimus cum quos quaerat!</li>
<li>Consequuntur, corporis, repellat velit obcaecati sed, eius labore officiis laborum ab iure fugit tempora. Dolor eos, dolore ad quaerat illum autem nihil soluta aperiam beatae sit accusamus quasi unde. Reiciendis?</li>
<li>Dolorum voluptates doloremque, ullam commodi maxime cum dolores neque optio! Aperiam cupiditate suscipit ullam doloremque tempore nemo deleniti ipsum dolor animi porro velit, laboriosam beatae facere, perferendis reiciendis quidem ipsa!</li>
<li>Qui ratione repudiandae repellendus quis, eum nesciunt nostrum quidem amet obcaecati odio sequi numquam incidunt distinctio aut voluptate non sint beatae suscipit eius voluptatum ipsam praesentium optio velit! Molestias, expedita.</li>
<li>Quos dicta nostrum aperiam labore laboriosam explicabo possimus adipisci? Eaque aperiam vitae ad possimus nisi iure delectus, dicta inventore repellat sequi, quo, cum perferendis impedit quis nihil iste fuga fugit!</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- 页脚 -->
<footer>
<!-- 上面一部分 -->
<div>
<!-- 左边 -->
<!-- 左边上 -->
<div>更多精彩内容</div>
<!-- 左边中 -->
<div>
<!-- 左边 -->
<div>
<img src="./img/python.ico" alt="">
</div>
<!-- 右边上面 -->
<div>
<a href="">Android下载</a>
<a href="">Iphone下载</a>
</div>
</div>
<!-- 左边下 -->
<div>
扫描二维码，收看更多新闻
</div>
<!-- 右边 -->
<div>
<h4>百度新闻独家出品</h4>
<ul>
<li>Lorem, ipsum dolor.</li>
<li>Itaque, exercitationem porro?</li>
<li>Dignissimos, odio assumenda.</li>
</ul>
</div>
</div>
<!-- 下面一部分 -->
<div>
<p>
<span>责任编辑：</span>
<span>胡汉BN098 </span><span>刘世娟BN068 </span><span>谢建BN085</span>
</p>
<p>
<a href="">用户协议</a>
<a href="">隐私策略</a>
京公网安备11000002000001号 互联网新闻信息服务许可 ©2020Baidu
<a href=""></a>
<a href=""></a>
<a href=""></a>
</p>
</div>
</footer>
<aside>
</aside>
</body>
</html>
09-15
324
324
01-22
2958
2958
06-15
5885
5885
08-28
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
