个人主页源码 html
时间: 2024-06-18 19:01:44 浏览: 16
创建一个个人主页的HTML源码通常包括基本结构、样式和内容展示三部分。以下是一个简单的HTML示例,展示了这些元素:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的个人主页</title>
<link rel="stylesheet" href="styles.css"> <!-- 引入外部样式文件 -->
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#about">关于我</a></li>
<li><a href="#projects">项目展示</a></li>
<li><a href="#contact">联系我</a></li>
</ul>
</nav>
</header>
<main>
<section id="about">
<h2>About Me</h2>
<p>在这里简述你的个人信息和职业经历。</p>
</section>
<section id="projects">
<h2>My Projects</h2>
<ul>
<li>
<h3>项目一</h3>
<p>描述项目一的内容...</p>
</li>
<!-- 添加更多项目条目 -->
</ul>
</section>
<section id="contact">
<h2>Contact Information</h2>
<p>填写电子邮件、电话或社交媒体链接...</p>
</section>
</main>
<footer>
<p>© 2023 My Personal Website</p>
</footer>
</body>
</html>
```
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)