Bài tập - Danh sách và liên kết

  • 6 phút

Trong bài tập này, bạn thêm các thông tin còn lại vào sơ yếu lý lịch của mình. Bạn bao gồm địa chỉ email, liên kết phương tiện truyền thông xã hội và danh sách trải nghiệm của bạn. Bài tập sử dụng văn bản chung, nhưng bạn nên thoải mái tùy chỉnh nội dung để khớp với các chi tiết của mình.

Thêm địa chỉ email của bạn và phương tiện truyền thông xã hội

Hãy bắt đầu bằng cách thêm địa chỉ email và các liên kết truyền thông xã hội vào sơ yếu lý lịch của bạn.

  1. Quay lại cửa sổ trình duyệt với vscode.dev.

Ghi

Nếu bạn đóng trình duyệt hoặc CodeSwing, hãy làm theo các bước sau để mở lại dự án CodeSwing của bạn.

  1. Mở vscode.dev. Nếu bạn đã mở tệp html của mình và chỉ cần mở lại CodeSwing, hãy chuyển sang bước 6.
  2. Chọn Mở Thư mục.
  3. Dẫn hướng đến thư mục sơ yếu lý lịch bạn đã tạo trước đó, rồi chọn Chọn Thư mục.
  4. Khi được nhắc Cho phép tệp xem site, hãy chọn Xem Tệp.
  5. Trong ngăn Explorer ở bên trái, chọn hộp kiểmindex.html tệp.
  6. Nhấn Ctrl + Shift + P trên Windows hoặc Linux hoặc Cmd + Shift + P trên máy Mac.
  7. Trong hộp xuất hiện ở trên cùng, nhập và nhấn codeswing: open swing enter hoặc quay lại bàn phím của bạn.
  8. Khi được nhắc, hãy chọn thư mục sơ yếu lý lịch bạn đã chọn trước đó.

  1. Bên index.html, và <!-- email address -->bên dưới chú thích sẽ đọc , thêm HTML sau đây để thêm liên kết vào email của bạn, your-email@example.com thay thế bằng địa chỉ email của bạn:

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

  2. Trang sẽ tự động cập nhật địa chỉ email của bạn.

  3. Bên dưới chú thích sẽ <!-- social media -->, hãy thêm HTML sau đây để tạo danh sách:

    <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>

  4. Trang cập nhật để hiển thị danh sách các tài khoản truyền thông xã hội mà bạn thêm.

Thêm Giáo dục và Trải nghiệm

Với thông tin liên hệ được thêm vào, giờ đây bạn sẽ hoàn tất việc thêm vào sơ yếu lý lịch của mình bằng cách bao gồm giáo dục và trải nghiệm khác.

  1. Trong index.html, bên dưới chú thích đọc , hãy thêm HTML <!-- education -->sau đây cho thông tin giáo dục của bạn:

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

  2. Bên dưới chú thích sẽ đọc <!-- experience -->, hãy thêm HTML sau đây cho trải nghiệm của bạn:

    <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. Cửa sổ sẽ cập nhật thông tin mới của bạn.