练习 - 列表和链接

已完成

在本练习中，将其他信息添加到你的履历中。 将包含电子邮件地址、社交媒体链接和工作经验列表。 该练习使用通用文本，但你可以按需自定义内容以匹配你的详细信息。

添加电子邮件地址和社交媒体

首先，将电子邮件地址和社交媒体链接添加到简历。

1. 返回具有 vscode.dev 的浏览器窗口。

注释

如果关闭了浏览器或 CodeSwing，请按照以下步骤重新打开 CodeSwing 项目。

1. 打开 vscode.dev。 如果已打开 html 文件，并且只需重新打开 CodeSwing，请跳到步骤 6。
2. 选择“打开文件夹”。
3. 导航到之前创建的“简历”文件夹，然后选择“选择文件夹”。
4. 当系统提示“允许网站查看文件”时，选择“查看文件”。
5. 在左侧的“资源管理器”窗格中，选择 index.html 文件。
6. 在 Windows 或 Linux 或 Cmd + Shift + P on Mac 上按 Ctrl + Shift + P。
7. 在顶部显示的框中，键入 codeswing: open swing 并按键盘上的 Enter 或 Return 键。
8. 出现提示时，选择之前选择的 简历 文件夹。

2. 在 index.html内，在 <!-- email address -->注释的下方，添加以下 HTML 代码以创建一个链接到您的电子邮件，并将 your-email@example.com替换为您的电子邮件地址：

   <a href="mailto:your-email@example.com">your-email@example.com</a>
   

3. 页面会自动使用电子邮件地址进行更新。

4. 在阅读 <!-- social media -->的注释下方，添加以下 HTML 以创建列表：

   <ul>
       <li><a href="https://github.com/microsoft>">GitHub</a></li>
       <li><a href="https://www.linkedin.com/company/microsoft>">LinkedIn</a></li>
       <li><a href="https://x.com/microsoft>">X</a></li>
   </ul>
   

5. 页面将更新，以显示你添加的社交媒体帐户列表。

添加教育和工作经验

添加联系信息后，你现在将通过包括教育背景和其他经历来完成简历的填写。

1. 在 index.html 中显示 的注释下方，为教育信息添加以下 HTML：<!-- education -->

   <h3>School name</h3>
   <h4>Major</h4>
   <ul>
       <li>GPA: 4.0</li>
       <li>Years attended</li>
   </ul>
   

2. 在显示 <!-- experience --> 的注释下方，为工作经验添加以下 HTML：

   <h3>Company name</h3>
   <h4>Title</h4>
   <h4>Dates</h4>
   <ul>
       <li>Cool accomplishment</li>
       <li>Cool accomplishment</li>
   </ul>
   
   <h3>Cool hackathon</h3>
   <h4>Project title</h4>
   <h4>Dates</h4>
   <ul>
       <li>Cool accomplishment</li>
       <li>Cool accomplishment</li>
   </ul>
   

3. 该窗口将更新以显示新信息。