Cvičení HTML 3

Z MiS
Verze z 30. 1. 2017, 10:28; Spravce (diskuse | příspěvky)
(rozdíl) ← Starší verze | zobrazit aktuální verzi (rozdíl) | Novější verze → (rozdíl)
Přejít na: navigace, hledání


Obsah

Úkol

Vytvořte stránku podle vzoru:

Výsledný vzhled stránky

Odkazy

Další práce s obrázky

Náhled obrázku

HTML cv2 vsb.gif

Jak zmenšíte obrázek?

  1. v elementu <img> uveďte parametr width="100px"
    • číslo reprezentuje šířku obrázku v obrazových bodech (čím menší číslo, tím menší obrázek.
    • tato varianta je výhodná tím, že nemusíte obrázek ručně zmenšovat.
    • Problém je ale u velkých obrázků. Obrázek se totiž musí stáhnout celý a teprve ve vašem počítači zmenšit. Stránka se tedy načítá dlouho.
  2. vytvořte ručně menší obrázek a použijte
    <a href="mensi.jpg"><img src="vetsi.jpg" /></a>
    • Zmenšování obrázků můžete provést třeba ve zdarma dostupném programu IrfanView zkratkou Ctrl-R.

Alternativní popiska obrázku

<img src="obrazek.jpg" alt="Náhradní popis">

Složitější tabulky

Spojení buněk vytvoříte atributem colspan (pro buňku přes několik sloupců) resp. rowspan pro buňku přes několik řádků. Viz také: Tvorba-webu.cz-> Tabulky

Osobní nástroje
Jmenné prostory
Varianty
Akce
Výuka
Navigace
Nástroje