Rubriky
HTML

HTML – Piškvorky 1 – index

  1. Otevřete Visual Studio Code
  2. Vytvořte soubor index.html
  3. Vložte základní kód HTML:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>HTML basics</title>
    </head>
    <body>


    </body>
</html>
  1. Upravte nadpis v <title> a stránku nazvěte Piškvorky
  2. Nyní začneme postupně přidávat prvky do úvodní stránky piškvorek. Do sekce <body> přidejte tento obrázek pomocí tagu <img>:
https://upload.wikimedia.org/wikipedia/commons/9/91/Tic-tac-toe_5.png
  1. Přidejte následující text do odstavce <p>
Piškvorky jsou velmi oblíbená společenská hra pro dva hráče. Obvykle se hraje s tužkou a čtverečkovaným papírem. Nyní můžete využít naši skvělou aplikaci, takže už nepotřebujete ani tužku a nemusíte hledat čtverečkovaný papír. Přejeme vám hodně zábavy!
  1. Vytvořte 2 tlačítka s odkazy na pravidla.html a hra.html

Ukázka odkazu: 

<a href="pravidla.html">Pravidla</a>
  1. Nyní by už úvodní stránka měla fungovat, zatím tedy bez grafického formátování, měla by vypadat asi takto: