Øvelse – lister og links

Fuldført

I denne øvelse skal du føje resten af oplysningerne til dit cv. Du inkluderer din mailadresse, links til sociale medier og en liste over oplevelser. Øvelsen bruger generisk tekst, men du bør være velkommen til at tilpasse indholdet, så det passer til dine oplysninger.

Tilføj din mailadresse og sociale medier

Lad os starte med at føje din mailadresse og links til sociale medier til dit cv.

1. Vend tilbage til browservinduet med vscode.dev.

Seddel

Hvis du har lukket din browser eller CodeSwing, skal du følge disse trin for at åbne dit CodeSwing-projekt igen.

1. Åbn vscode.dev. Hvis du allerede har åbnet html-filen og bare skal åbne CodeSwing igen, skal du gå til trin 6.
2. Vælg Åbn mappe.
3. Gå til den cv-mappe , du oprettede tidligere, og vælg Vælg mappe.
4. Når du bliver bedt om at lade webstedsvisningsfilerne blive vist, skal du vælge Vis filer.
5. Vælg filen index.html i ruden Stifinder til venstre.
6. Tryk på Ctrl + Skift + P på Windows eller Linux eller Cmd + Skift + P på Mac.
7. I det felt, der vises øverst, skal du skrive codeswing: open swing og trykke på Enter eller returner på tastaturet.
8. Når du bliver bedt om det, skal du vælge den cv-mappe , du valgte tidligere.

2. I index.htmlog under den kommentar, der lyder <!-- email address -->, skal du tilføje følgende HTML for at føje et link til din mail og erstatte your-email@example.com med din mailadresse:

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

3. Siden opdateres automatisk med din mailadresse.

4. Under den kommentar, der læser <!-- social media -->, skal du tilføje følgende HTML-kode for at oprette listen:

   <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. Siden opdateres for at få vist listen over konti på sociale medier, du tilføjer.

Tilføjelse af uddannelse og erfaring

Når kontaktoplysningerne er tilføjet, er du nu færdig med at føje til dit CV ved at inkludere uddannelse og anden erfaring.

1. I index.htmlskal du tilføje følgende HTML for dine uddannelsesoplysninger under den kommentar, der læser <!-- education -->:

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

2. Under den kommentar, der læser <!-- experience -->, skal du tilføje følgende HTML for din oplevelse:

   <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. Vinduet opdateres med dine nye oplysninger.