Vkladanie a manipulácia s obrázkami

Takto nejak vyzerali web stránky pri vzniku internetu:

Niekomu sa to možno páči, ale predpokladám že na stránke chcete mať obrázky.

Základné načítavanie obrázkou

Tento základný kód vám zobrazí obrázok v plnej veľkosti. Občas to môžete nechať takto, ak je veľkosť obrázku vyhovujúca.

Obvykle sa však stretnete s tým že obrázok zaberá polovicu stránky a musíte ho zmenšiť. Všimnite si že som nechal height na auto.

Je to z dôvodu že ak by sme nastavovali oba parametre, museli by sme si vypočítavať presné rozmery. Na príklad máme obrázok 1578px * 2315px. Chcem aby kratšia strana mala iba 600px. Koľko má mať tá druhá? Počítať sa mi to nechce, a tak to nechám na HTML.

Kliknutie na obrázok otvori link/súbor

V tomto prípade musíme <img> tag zabaliť do <a> tagu ktorý sa používa na odkazovanie. Namiesto linku môžeme taktiež odkázať na súbor.

Prípadne môžeme odkázať aj na súbor. V tomto prípade by sa dané pdfko začalo sťahovať.

Atribút alt

Je zaužívané že každý <img> element v sebe nesie aj informáciu o tom čo je na obrázku. Je to dôležitá funkcie najmä pre prístupnosť stránky.