Übung: Listen und Links

Abgeschlossen

In dieser Übung fügen Sie die restlichen Informationen zu Ihrem Lebenslauf hinzu. Sie enthalten Ihre E-Mail-Adresse, Social Media-Links und eine Liste der Erfahrungen. Die Übung verwendet generischen Text, aber Sie sollten den Inhalt nach Ihren Wünschen gestalten.

Hinzufügen Ihrer E-Mail-Adresse und sozialen Medien

Beginnen wir damit, Ihre E-Mail-Adresse und Social Media-Links zu Ihrem Lebenslauf hinzuzufügen.

1. Kehren Sie mit vscode.dev zum Browserfenster zurück.

Hinweis

Wenn Sie Ihren Browser oder CodeSwing geschlossen haben, führen Sie die folgenden Schritte aus, um Ihr CodeSwing-Projekt erneut zu öffnen.

1. Öffnen Sie vscode.dev. Wenn Ihre HTML-Datei bereits geöffnet ist und nur CodeSwing erneut geöffnet werden muss, fahren Sie mit Schritt 6 fort.
2. Wählen Sie Ordner öffnen aus.
3. Navigieren Sie zum Ordner resume, den Sie zuvor erstellt haben, und klicken Sie auf Ordner auswählen.
4. Wenn Sie die Aufforderung Anzeige von Dateien durch Website zulassen? erhalten, wählen Sie Dateien anzeigen aus.
5. Wählen Sie im Explorer-Bereich auf der linken Seite die index.html Datei aus.
6. Drücken Sie Strg + Umschalt + P unter Windows oder Linux oder Cmd + Umschalt + P auf Mac.
7. Geben Sie codeswing: open swing in das Feld oben ein und drücken Sie die Eingabe- oder Return-Taste auf Ihrer Tastatur.
8. Wenn Sie dazu aufgefordert werden, wählen Sie den Fortsetzungsordner aus, den Sie zuvor ausgewählt hatten.

2. Fügen Sie innerhalb von index.html, und unterhalb des Kommentars mit dem Kommentar <!-- email address -->, den folgenden HTML-Code hinzu, um einen Link zu Ihrer E-Mail-Adresse hinzuzufügen, wobei Sie your-email@example.com durch Ihre E-Mail-Adresse ersetzen.

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

3. Die Seite wird automatisch mit Ihrer E-Mail-Adresse aktualisiert.

4. Fügen Sie unterhalb des Kommentars, der lautet <!-- social media -->, den folgenden HTML-Code zum Erstellen der Liste hinzu.

   <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. Die Seite wird aktualisiert, um die Liste der hinzugefügten Social Media-Konten anzuzeigen.

Hinzufügen von Ausbildung und Erfahrungen

Nachdem die Kontaktinformationen hinzugefügt wurden, vervollständigen Sie nun Ihren Lebenslauf, indem Sie Ausbildung und andere Erfahrungen einschließen.

1. Fügen Sie den folgenden HTML-Code für Ihre Bildungsinformationen unterhalb des Kommentars, der lautet, in <!-- education --> hinzu.

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

2. Fügen Sie unterhalb des Kommentars, der lautet <!-- experience -->, den folgenden HTML-Code für Ihr Erlebnis hinzu:

   <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. Das Fenster wird mit Ihren neuen Informationen aktualisiert.