<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>个人简历 - 前端工程师 - [你的名字]</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <header>
      <h1>我的个人简历</h1>
      <nav>
        <ul>
          <li><a href="#about-me">关于我</a></li>
          <li><a href="#skills">我的技能</a></li>
          <li><a href="#experience">工作经历</a></li>
          <li><a href="#contact-me">联系我</a></li>
        </ul>
      </nav>
    </header>
<pre><code>&lt;main&gt;
  &lt;section id=&quot;about-me&quot;&gt;
    &lt;h2&gt;关于我&lt;/h2&gt;
    &lt;p&gt;我是一个热爱编程的前端工程师,喜欢探索新技术和挑战自己。&lt;/p&gt;
  &lt;/section&gt;

  &lt;section id=&quot;skills&quot;&gt;
    &lt;h2&gt;我的技能&lt;/h2&gt;
    &lt;ul&gt;
      &lt;li&gt;HTML&lt;/li&gt;
      &lt;li&gt;CSS&lt;/li&gt;
      &lt;li&gt;JavaScript&lt;/li&gt;
      &lt;li&gt;React&lt;/li&gt;
      &lt;li&gt;Node.js&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/section&gt;

  &lt;section id=&quot;experience&quot;&gt;
    &lt;h2&gt;工作经历&lt;/h2&gt;
    &lt;ul&gt;
      &lt;li&gt;
        &lt;h3&gt;前端工程师&lt;/h3&gt;
        &lt;p&gt;某互联网公司,2020年至今&lt;/p&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;h3&gt;实习前端工程师&lt;/h3&gt;
        &lt;p&gt;某软件公司,2019年&lt;/p&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/section&gt;

  &lt;section id=&quot;contact-me&quot;&gt;
    &lt;h2&gt;联系我&lt;/h2&gt;
    &lt;form action=&quot;submit-form.php&quot; method=&quot;post&quot;&gt;
      &lt;label for=&quot;name&quot;&gt;姓名:&lt;/label&gt;
      &lt;input type=&quot;text&quot; id=&quot;name&quot; name=&quot;name&quot; required /&gt;&lt;br /&gt;

      &lt;label for=&quot;email&quot;&gt;邮箱:&lt;/label&gt;
      &lt;input type=&quot;email&quot; id=&quot;email&quot; name=&quot;email&quot; required /&gt;&lt;br /&gt;

      &lt;label for=&quot;message&quot;&gt;留言:&lt;/label&gt;
      &lt;textarea id=&quot;message&quot; name=&quot;message&quot; required&gt;&lt;/textarea&gt;&lt;br /&gt;

      &lt;button type=&quot;submit&quot;&gt;发送&lt;/button&gt;
    &lt;/form&gt;
  &lt;/section&gt;
&lt;/main&gt;

&lt;footer&gt;
  &lt;p&gt;版权所有 ©2021 My Personal Page&lt;/p&gt;
&lt;/footer&gt;
</code></pre>
  </body>
</html>

原文地址: https://www.cveoy.top/t/topic/l2eX 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录