Cvičení – seznamy a odkazy

Dokončeno

V tomto cvičení přidáte do životopisu zbývající informace. Zahrnete svoji e-mailovou adresu, odkazy na sociální média a seznam zkušeností. Cvičení používá obecný text, ale měli byste si přizpůsobit obsah tak, aby odpovídal vašim podrobnostem.

Přidejte svou e-mailovou adresu a sociální média

Začněme přidáním e-mailové adresy a odkazů na sociální média do životopisu.

1. Vraťte se do okna prohlížeče s vscode.dev.

Poznámka:

Pokud jste zavřeli prohlížeč nebo CodeSwing, otevřete projekt CodeSwing následujícím postupem.

1. Otevřete vscode.dev. Pokud již máte soubor HTML otevřený a stačí znovu otevřít CodeSwing, přejděte ke kroku 6.
2. Vyberte Otevřít složku.
3. Přejděte do složky životopisu , kterou jste vytvořili dříve, a vyberte Vybrat složku.
4. Po zobrazení výzvy k zobrazení souborů webu vyberte Zobrazit soubory.
5. V levém podokně průzkumníka vyberte souborindex.html.
6. Stiskněte Kombinaci kláves Ctrl+ Shift + P ve Windows nebo Linuxu nebo Cmd + Shift + P na Macu.
7. Do pole, které se zobrazí nahoře, zadejte codeswing: open swing a stiskněte enter nebo se vraťte na klávesnici.
8. Po zobrazení výzvy vyberte složku obnovení, kterou jste zvolili dříve.

2. Uvnitř index.htmla pod komentářem, který čte <!-- email address -->, přidejte následující kód HTML a přidejte odkaz na svůj e-mail a nahraďte your-email@example.com svoji e-mailovou adresou:

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

3. Stránka se automaticky aktualizuje pomocí vaší e-mailové adresy.

4. Pod komentář, který čte <!-- social media -->, přidejte následující kód HTML pro vytvoření seznamu:

   <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. Stránka se aktualizuje, aby se zobrazil seznam účtů sociálních médií, které přidáte.

Přidání vzdělání a zkušeností

S přidanými kontaktními informacemi teď dokončíte přidávání do životopisu, a to včetně vzdělávání a dalších zkušeností.

1. Uvnitř index.html, pod komentář s textem <!-- education -->, přidejte nějaký kód HTML pro vaše vzdělávací informace:

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

2. Pod komentářem, který říká <!-- experience -->, přidejte následující kód HTML pro vaši zkušenost.

   <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. Okno se aktualizuje o nové informace.