「已注销」 2023-12-27 21:32 采纳率: 63.6%
浏览 57
已结题

vscode制作个人简历web

学生将使用HTML标签创建一个包含个人信息、教育经历、技能以及项目经验等关键部分的个人简历网页。以下是实验的具体内容:
1.HTML基础结构:创建一个HTML文档,包含声明和、、<title>、<body>等基本HTML结构。<br>2.个人信息部分:在<body>中创建一个<header>标签,用于包含个人照片(可选)和基本信息,如姓名、联系方式等。<br>3.教育经历:在<body>中创建一个<section>标签,用于展示学生的教育经历,包括学校名称、专业、入学和毕业日期等信息。<br>4.技能:在<body>中创建另一个<section>标签,用于列举学生具备的技能,可以使用有序或无序列表。<br>5.项目经验:在<body>中创建一个<section>标签,用于展示学生的项目经验,包括项目名称、时间、描述等。<br>页脚:在<body>中创建一个<footer>标签,包含学生的版权信息、社交媒体链接或其他个人链接。</p> </title>

  • 写回答

1条回答 默认 最新

  • 关注
    
    <!DOCTYPE html>
    <html>
    <head>
      <title>个人简历</title>
      <style>
        body {
          font-family: Arial, sans-serif;
          line-height: 1.6;
          padding: 20px;
        }
        header {
          text-align: center;
        }
        h1 {
          margin-bottom: 10px;
        }
        img {
          border-radius: 50%;
          margin-bottom: 10px;
        }
        section {
          margin-bottom: 20px;
        }
        ul {
          list-style-type: none;
          padding: 0;
        }
        footer {
          text-align: center;
          margin-top: 20px;
          padding: 10px;
          background-color: #f4f4f4;
        }
      </style>
    </head>
    <body>
      <header>
        <h1>个人信息</h1>
        <img src="photo.jpg" alt="个人照片">
        <p>姓名:张三</p>
        <p>联系方式:1234567890</p>
      </header>
      
      <section>
        <h2>教育经历</h2>
        <p>学校:ABC大学</p>
        <p>专业:计算机科学</p>
        <p>入学日期:2015年9月</p>
        <p>毕业日期:2019年6月</p>
      </section>
      
      <section>
        <h2>技能</h2>
        <ul>
          <li>HTML</li>
          <li>CSS</li>
          <li>JavaScript</li>
          <li>Photoshop</li>
        </ul>
      </section>
      
      <section>
        <h2>项目经验</h2>
        <p>项目名称:个人网站开发</p>
        <p>时间:2018年1月-2018年5月</p>
        <p>描述:使用HTML、CSS和JavaScript开发个人网站,展示个人作品和简历。</p>
      </section>
      
      <footer>
        <p>© 2022 张三</p>
        <a href="https://www.linkedin.com/zhangsan">LinkedIn</a>
        <a href="https://www.github.com/zhangsan">GitHub</a>
      </footer>
    </body>
    </html>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 1月6日
  • 已采纳回答 12月29日
  • 创建了问题 12月27日