静态HTML集团官网页面代码实现
时间: 2023-08-16 08:03:49 浏览: 109
静态html网页 代码
以下是一个简单的静态 HTML 集团官网页面的代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>集团官网</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="logo"><a href="#">集团名称</a></div>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">集团介绍</a></li>
<li><a href="#">新闻资讯</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
</header>
<main>
<section class="banner">
<h1>集团名字</h1>
<p>集团官网首页</p>
</section>
<section class="intro">
<h2>集团介绍</h2>
<p>这里是一个静态 HTML 集团官网页面的示例。</p>
</section>
<section class="news">
<h2>新闻资讯</h2>
<ul>
<li><a href="#">新闻标题1</a></li>
<li><a href="#">新闻标题2</a></li>
<li><a href="#">新闻标题3</a></li>
</ul>
</section>
</main>
<footer>
<p>© 2021 集团名称</p>
</footer>
</body>
</html>
```
在上面的代码中,我们定义了一个 HTML5 文档,并在 head 部分设置了网站的标题、字符编码、视口标签和样式表的链接。在 body 部分,我们使用 header 元素来定义网站的页眉,其中包括一个带有链接的 logo 和一个导航条。在 main 元素中,我们使用 section 元素来划分网站的不同部分,包括一个 banner、一个介绍和一个新闻资讯。在 footer 元素中,我们定义了网站的页脚。
阅读全文