Úloha

Zadání (kontext úlohy)

Na webové stránce zobraz krátký úvodní text, obrázek a odkaz. Každý prvek bude mít atributy, které určují jeho chování a umožní jejich pozdější stylování nebo propojení se skripty.

Cíl úlohy
Procvičíš si práci s více atributy najednou: id, class, src, alt, href, target. Naučíš se také rozlišovat, kdy použít id a kdy class.
Vstupní podmínky

  • Budeš pracovat pouze s nově vytvořeným souborem index.html.

Požadovaný výstup

  • V dokumentu vytvoříš:

    • odstavec <p> s jedinečným id a zároveň s nějakou třídou (class),

    • obrázek s atributy src, alt a class,

    • odkaz <a> pod obrázkem s atributem href vedoucím na libovolnou stránku, s atributem target="_blank" a třídou (class).

  • Každý prvek bude mít alespoň jeden atribut navíc (např. title, lang apod.), aby sis procvičil více možností.

Doplňující pokyny

  • Hodnoty atributů piš vždy do uvozovek.

  • Pamatuj, že id musí být na stránce jedinečné.

  • Zkontroluj mezery mezi jednotlivými atributy.

  • Pokud nemáš k dispozici skutečný obrázek, použij fiktivní cestu (např. obrazek.jpg).