个人网页制作，可加入图片和基本信息等

最新推荐文章于 2024-05-03 11:07:56 发布

黑暗森林里的葱

最新推荐文章于 2024-05-03 11:07:56 发布

阅读量502

点赞数 12

文章标签： python 开发语言 html

本文链接：https://blog.csdn.net/2301_79311842/article/details/136402669

版权

<!DOCTYPE html>  
<html>  
<head>  
  <meta charset="UTF-8">  
  <title>个人网页</title>  
  <style>  
    body {  
      font-family: Arial, sans-serif;  
      margin: 0;  
      padding: 20px;  
    }  
  
    h1 {  
      color: #333;  
    }  
  
    p {  
      color: #666;  
    }  
  
    .container {  
      max-width: 800px;  
      margin: 0 auto;  
    }  
  
    img {  
      display: block;  
      margin: 0 auto;  
      max-width: 100%;  
      height: auto;  
    }  
  </style>  
</head>  
<body>  
  <div class="container">  
    <h1>欢迎来到我的个人网页</h1>  
    <p>这是一个简单的个人网页示例。</p>  
    <p>在这里，你可以添加关于你自己的信息，比如姓名、职业、兴趣爱好等。</p>  
      
    <h2>我的照片</h2>  
    <img src="1.jpg" alt="我的照片"> <!-- 替换 "your-image.jpg" 为你的图片文件名 -->  
  
    <h2>我的信息</h2>  
    <p>姓名：张三</p>  
    <p>职业：软件工程师</p>  
    <p>兴趣爱好：编程、阅读、旅行</p>  
  
    <h2>我的技能</h2>  
    <ul>  
      <li>HTML/CSS</li>  
      <li>JavaScript</li>  
      <li>Python</li>  
      <li>Java</li>  
    </ul>  
  
    <h2>联系我</h2>  
    <p>邮箱：[你的邮箱]</p>  
    <p>电话：[你的电话]</p>  
  </div>  
</body>  
</html>

你可以将以上代码复制到一个文本编辑器中，并将文件保存为index.html。然后，使用浏览器打开该文件，你将看到一个简单的个人网页；

注意：图片和程序要在同一个文件夹下，不然的话你就加绝对路径吧。

最终效果：