编写一个完整的html实现的网页代码
时间: 2023-09-09 21:05:23 浏览: 74
### 回答1:
下面是一个简单的HTML代码实现:
```
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
</header>
<main>
<h1>欢迎来到我的网页</h1>
<p>这里是一些关于我们的信息。</p>
</main>
<footer>
<p>Copyright ©2023 公司名称</p>
</footer>
</body>
</html>
```
这是一个简单的HTML网页代码,其中包含了头部,主要内容和页脚部分。
### 回答2:
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
<style>
body {
background-color: lightblue;
font-family: Arial, sans-serif;
}
h1 {
color: darkblue;
text-align: center;
}
p {
color: darkred;
text-align: left;
}
</style>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个简单的网页示例。以下是一些基本的HTML标记:</p>
<ul>
<li>标题: <code><h1>内容</h1></code></li>
<li>段落: <code><p>内容</p></code></li>
<li>列表: <code><ul> <li>内容</li> </ul></code></li>
<li>链接: <code><a href="链接地址">链接文本</a></code></li>
<li>图像: <code><img src="图片地址" alt="图片描述"></code></li>
</ul>
<h2>一些有趣的链接:</h2>
<ul>
<li><a href="https://www.baidu.com/">百度</a></li>
<li><a href="https://www.alibaba.com/">阿里巴巴</a></li>
<li><a href="https://www.qq.com/">腾讯</a></li>
</ul>
<h2>一幅美丽的图片:</h2>
<img src="https://www.example.com/image.jpg" alt="美丽的图片">
</body>
</html>