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.
HTML