创建一个简单的个人简介网页可以通过HTML和CSS来实现。以下是一个基础的示例,展示如何设计一个包含基本信息的个人简介网页。
HTML代码 (index.html)
<!DOCTYPE html>
<html lang="en">
<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>
<h1>个人简介</h1>
</header>
<section>
<h2>关于我</h2>
<img src="profile.jpg" alt="个人照片" class="profile-image">
<p>您好,我叫张三,是一名前端开发工程师。</p>
<p>我对网页设计和用户体验充满热情。</p>
</section>
<section>
<h2>技能</h2>
<ul>
<li>HTML/CSS</li>
<li>JavaScript</li>
<li>React</li>
<li>Vue</li>
</ul>
</section>
<section>
<h2>联系方式</h2>
<p>邮箱: <a href="mailto:zhangsan@example.com">zhangsan@example.com</a></p>
<p>电话: <a href="tel:123-456-7890">123-456-7890</a></p>
<p>LinkedIn: <a href="https://www.linkedin.com/in/zhangsan" target="_blank">张三的LinkedIn</a></p>
</section>
<footer>
<p>版权所有 © 2024 张三</p>
</footer>
</body>
</html>