html个人网站

admin 2024年03月16日 11:57 30 0

创建一个HTML个人网站是一个很好的方式来展示你的个人信息、技能、作品或兴趣，下面是一个简单的HTML个人网站的示例：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的个人网站</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
        header {
            background-color: #333;
            color: #fff;
            padding: 20px;
            text-align: center;
        }
        h1 {
            margin: 0;
        }
        main {
            padding: 20px;
        }
        footer {
            background-color: #333;
            color: #fff;
            padding: 10px;
            text-align: center;
        }
    </style>
</head>
<body>
    <header>
        <h1>欢迎来到我的个人网站</h1>
    </header>

    <main>
        <h2>关于我</h2>
        <p>在这里写一些关于你自己的信息，比如你的姓名、职业、兴趣等。</p>

        <h2>我的技能</h2>
        <ul>
            <li>技能1</li>
            <li>技能2</li>
            <li>技能3</li>
        </ul>

        <h2>我的作品</h2>
        <ul>
            <li>作品1</li>
            <li>作品2</li>
            <li>作品3</li>
        </ul>
    </main>

    <footer>
        <p>版权所有 &copy; 2023 我的名字</p>
    </footer>
</body>
</html>

这个示例包含了一个简单的网页结构，包括页眉（header）、主体内容（main）和页脚（footer），你可以根据自己的需要修改和扩展这个示例，添加更多的内容和样式。

请注意，这只是一个基本的HTML示例，如果你想要创建一个更复杂的个人网站，你可能需要学习更多的HTML、CSS和JavaScript知识，以及使用前端框架或库来增强你的网站功能和外观。