一个简单的个人网页模板：HTML模板基础-建站资讯-CSS教程

一个简单的个人网页模板：HTML模板基础

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人网页</title>
    <style>
        /* 在这里添加你的CSS样式 */
    </style>
</head>
<body>
    <header>
        <h1>欢迎来到我的个人网页</h1>
    </header>
    <nav>
        <ul>
            <li><a href="#about">关于我</a></li>
            <li><a href="#projects">项目展示</a></li>
            <li><a href="#contact">联系我</a></li>
        </ul>
    </nav>
    <section id="about">
        <h2>关于我</h2>
        <p>在这里写一些关于你的个人介绍、兴趣爱好、职业经历等内容。</p>
    </section>
    <section id="projects">
        <h2>项目展示</h2>
        <ul>
            <li>
                <h3>项目名称1</h3>
                <p>描述项目1的内容。</p>
            </li>
            <li>
                <h3>项目名称2</h3>
                <p>描述项目2的内容。</p>
            </li>
            <!-- 添加更多项目 -->
        </ul>
    </section>
    <section id="contact">
        <h2>联系我</h2>
        <p>在这里提供你的联系方式，如电子邮件、电话号码等。</p>
        <form action="mailto:你的邮箱地址" method="post">
            <label for="name">姓名:</label><br>
            <input type="text" id="name" name="name"><br>
            <label for="email">电子邮件:</label><br>
            <input type="email" id="email" name="email"><br>
            <input type="submit" value="发送邮件">
        </form>
    </section>
    <footer>
        <p>&copy; 2023 我的个人网页. 保留所有权利.</p>
    </footer>
</body>
</html>

你可以根据上述模板进行修改，添加自己的内容，在 <style> 标签中，你可以添加自己的 CSS 样式来美化网页，在 <nav> 标签中，你可以添加导航链接，方便用户浏览你的个人网页，在 <section> 标签中，你可以根据需要添加不同的内容区域，如个人介绍、项目展示、联系信息等，记得替换 <form> 中的 "mailto:你的邮箱地址" 为你的实际邮箱地址。

用html制作个人网页