网站导航

网站导航

最近发表

文章归档

首页 HTML正文

html新闻网页制作代码简单

HTML
瑜舒涵 2周前 17浏览 0评论
HTML新闻网页制作代码简单 
<!DOCTYPE html>
<html>
<head>
<title>新闻网</title>
</head>
<body>
<header>
<h1>新闻头条</h1>
<p>最新最全的新闻报道，让你第一时间了解世界的变化！</p>
</header>
<nav>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="sports.html">体育</a></li>
<li><a href="finance.html">财经</a></li>
<li><a href="entertainment.html">娱乐</a></li>
</ul>
</nav>
<article>
<h2>国内新闻</h2>
<img src="china_news.jpg" alt="国内新闻">
<p>近日，中央政府发布了最新的《中华人民共和国宪法修正案》（以下简称“修宪案”），引起了社会各界的热议。</p>
<p>根据修宪案，中华人民共和国主席和副主席的任期不再设定连任次数限制。</p>
</article>
<aside>
<h3>热门新闻</h3>
<ul>
<li><a href="sports.html">NBA季后赛精彩回顾</a></li>
<li><a href="entertainment.html">娱乐圈新浪潮：流量明星们的崛起</a></li>
<li><a href="finance.html">财经观察：不动产税法通过 或刺激楼市调整</a></li>
</ul>
</aside>
<footer>
<p>版权所有 © 2022 新闻网</p>
</footer>
</body>
</html>

以上是一个基本的HTML新闻网页制作代码，采用了HTML5的语言规范，主要由header、nav、article、aside以及footer等元素构成。网页导航采用了ul、li以及a等标签，实现了对不同页面的快速跳转。文章部分采用了h2、img以及p等标签，实现了新闻标题、图片及正文的显示。aside部分则是一个热门新闻列表，还用了h3以及ul、li、a等标签。footer部分是一个网页的版权说明，主要用到了p标签。

上一篇 python3 画箭头
下一篇 python3 画图代码