练习 - 列表和链接

6 分钟

在本练习中，您将其余信息添加到您的简历中。您需要提供您的电子邮件地址、社交媒体链接和体验列表。本练习使用通用文本，但您应该随意自定义内容以匹配您的详细信息。

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

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

注释

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

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

在 index.html内，在 注释的下方，添加以下 HTML 代码以创建一个链接到您的电子邮件，并将 your-email@example.com替换为您的电子邮件地址：
```
<a href="mailto:your-email@example.com">your-email@example.com</a>
```
页面会自动使用电子邮件地址进行更新。

在阅读 的注释下方，添加以下 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>

页面将更新以显示您添加的社交媒体账户列表。

添加教育和工作经验

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

在 index.html 中显示的注释下方，为教育信息添加以下 HTML：

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

在显示  的注释下方，为工作经验添加以下 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>

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

练习 - 列表和链接

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

添加教育和工作经验

反馈