HTML学生个人网站作业设计：HTML做一个公司官网首页页面（纯html代码）
warning:
这篇文章距离上次修改已过450天，其中的内容可能已经有所变动。
以下是一个简单的公司型企业首页的HTML示例代码。请注意，这个示例仅包含HTML结构，没有CSS样式，以保持代码的简洁性。
<!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>
<nav class="navbar">
<ul>
<li><a href="#home">首页</a></li>
<li><a href="#about">关于我们</a></li>
<li><a href="#services">服务</a></li>
<li><a href="#contact">联系我们</a></li>
</ul>
</nav>
</header>
<main id="home">
<div class="hero">
<h1>欢迎来到我们的公司</h1>
<p>我们提供优质的产品和服务，期待与您的合作。</p>
<a href="#" class="button">了解更多</a>
</div>
</main>
<section id="about">
<h2>关于我们</h2>
<p>我们是一家专注于技术创新的公司，致力于为客户提供最优质的服务。</p>
<a href="#" class="button">查看团队</a>
</section>
<section id="services">
<h2>我们的服务</h2>
<div class="service-item">
<h3>服务一</h3>
<p>我们提供的服务描述。</p>
</div>
<div class="service-item">
<h3>服务二</h3>
<p>我们提供的服务描述。</p>
</div>
<div class="service-item">
<h3>服务三</h3>
<p>我们提供的服务描述。</p>
</div>
</section>
<section id="contact">
<h2>联系我们</h2>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name">
<label for="email">邮箱:</label>
<input type="email" id="email" name="email">
<label for="message">消息:</label>
<textarea id="message" name="message"></textarea>
<button type="submit">发送</button>
</form>
</section>
<footer>
<div class="footer-content">
<p>版权所有 © 2023 公司名</p>
</div>
</footer>
</body>
</html>这个示例提供了一个简单的公司型企业首页布局，包括导航、首页、关于我们、服务、联系我们等部分。这个结构可以作为学习如何构建企业网站的起点。在实际应用中，您需要添加CSS样式来增强页面的视觉效果，并且可能需要使用JavaScript来添加交互功能。
评论已关闭