html个人网站代码

admin 36 0

下面是一个简单的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;
            text-align: center;
            margin: 0;
            padding: 20px;
        }
        h1 {
            color: #333;
        }
        p {
            margin-bottom: 20px;
        }
    </style>
</head>
<body>
    <h1>欢迎来到我的个人网站!</h1>
    <p>这里是我个人的一些展示和信息的汇总。</p>
    <h2>我的兴趣爱好</h2>
    <ul>
        <li>阅读</li>
        <li>音乐</li>
        <li>旅行</li>
    </ul>
    <h2>我的教育背景</h2>
    <p>我曾在XX大学学习XX专业。</p>
    <h2>我的工作经历</h2>
    <p>我在XX公司担任XX职位。</p>
</body>
</html>

以上代码是一个简单的HTML页面,包含一个标题以及一些基本的文本内容,它使用了一些基础的HTML标签,如``用于标题,``用于段落,``和``用于创建一个无序列表,我们还加入了一些简单的CSS样式来使页面看起来更美观。

这个代码只是一个起点,你可能希望根据你的需要添加更多的内容,例如照片、更多文字、链接等,你可能也需要学习和使用CSS来更好地设计和美化你的网站。