如何制作一个简单的html个人网页

软饭最爱吃

于 2024-03-22 21:48:08 发布

阅读量184

点赞数 2

文章标签： html

本文链接：https://blog.youkuaiyun.com/chiruanfan1/article/details/136952805

版权

本文介绍了如何使用HTML和CSS创建一个基本的个人网页，包括头部、关于我、兴趣和联系方式等部分。展示了构建简单静态网站的基本结构和样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人网页</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f1f1f1;
            text-align: center;
        }
        header {
            background-color: #333;
            color: white;
            padding: 10px;
        }
        section {
            padding: 20px;
        }
        footer {
            background-color: #333;
            color: white;
            padding: 10px;
        }
    </style>
</head>
<body>
    <header>
        <h1>欢迎来到我的个人网页</h1>
    </header>
    <section>
        <h2>关于我</h2>
        <p>这里可以写一些关于你自己的简介信息。</p>
    </section>
    <section>
        <h2>我的兴趣</h2>
        <p>这里可以列出你的一些兴趣爱好。</p>
    </section>
    <section>
        <h2>联系方式</h2>
        <p>邮箱：yourname@example.com</p>
        <p>电话：123-456-7890</p>
    </section>
    <footer>
        <p>&copy; 2024 My Personal Website</p>
    </footer>
</body>
</html>