html个人主页源代码

admin 2023年12月04日 07:14 33 0

很高兴能够为您提供帮助！下面是一个简单的HTML个人主页源代码示例，包括一个标题和长内容。

<!DOCTYPE html>
<html>
<head>
  <title>个人主页</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #f1f1f1;
    }
    
    .container {
      width: 960px;
      margin: 0 auto;
      padding: 20px;
    }
    
    h1 {
      text-align: center;
      color: #333333;
    }
    
    p {
      margin-bottom: 20px;
      line-height: 1.6;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>个人主页</h1>
    <p>大家好，欢迎来到我的个人主页！这是一个展示我个人简介、兴趣爱好和联系方式的页面。</p>
    
    <h2>关于我</h2>
    <p>我是一个热爱编程的年轻人，目前正在一家互联网公司从事前端开发工作。我对HTML、CSS和JavaScript等前端技术有浓厚的兴趣，并热衷于探索新的技术和工具。</p>
    
    <h2>我的兴趣爱好</h2>
    <p>除了编程之外，我还喜欢阅读、旅游和听音乐。我认为这些爱好让我更加充实和丰富自己的生活。</p>
    
    <h2>联系方式</h2>
    <p>您可以通过以下方式与我联系：</p>
    <ul>
      <li>电子邮件：example@example.com</li>
      <li>电话：1234567890</li>
      <li>社交媒体账号：example_user</li>
    </ul>
  </div>
</body>
</html>

这段代码创建了一个简单的个人主页，包括一个标题、长内容和一个简单的列表，在浏览器中打开该HTML文件，您将看到一个整洁的个人主页，其中包含有关您的信息、兴趣爱好和联系方式。