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.

Uplny základ

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