Cvičení HTML 3

Verze z 9. 11. 2010, 08:55 (zobrazit zdroj) Spravce (diskuse | příspěvky) (Oprava zadání) ← Porovnání se starší verzí		Verze z 29. 10. 2012, 22:34 (zobrazit zdroj) Spravce (diskuse | příspěvky) m (Oprava vzhledu) Porovnání s novější verzí →
Řádka 1:		Řádka 1:
−	Nadřazené stránky:	+	[[Category:VSE]][[Category:CRI]][[Category:Internet]][[Category:Informatika]]
−	[[Category:VSE]]	+
−	[[Category:CRI]] [[CRI]]	+
−	[[Category:Internet]]	+
−	[[Category:Informatika]]	+
	== Úkol ==		== Úkol ==

---

Verze z 29. 10. 2012, 22:34

Obsah 1 Úkol 2 Odkazy 3 Další práce s obrázky 3.1 Náhled obrázku 3.2 Jak zmenšíte obrázek? 3.3 Alternativní popiska obrázku 4 Složitější tabulky

Úkol

Vytvořte stránku podle vzoru:

Odkazy

• Jednoduchý odkaz má odkazovat na stránky: www.oauh.cz
• Logo VŠB funguje jako odkaz na stránky: www.vsb.cz

Další práce s obrázky

Náhled obrázku

• Vložte do stránek zmenšený náhled loga VŠB

• Zařiďte, aby se po kliknutí na zmenšený náhled objevil původní obrázek v plné velikosti.

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

• Jsou situace, kdy obrázek není možné zobrazit (chybou, čtečky pro zrakově postižené,...).
• Pro tyto situace můžete doplnit náhradní text popiskou:

<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