Ako otočím odkaz na obrázok?

Obrázky môžu vylepšiť vzhľad webovej stránky tým, že rozbijú text a pridajú vizuálny záujem. Obrázky, ktoré sú viditeľné na webovej stránke, sú vlastne odkazmi na interný alebo vzdialený obrázok. Inými slovami, obrázky sú iným súborom, buď na rovnakom serveri ako webová stránka alebo na vzdialenom serveri. Ak chcete do webovej stránky umiestniť obrázok, musíte prehliadaču povedať, kde má obrázok hľadať. Táto informácia je umiestnená v značke s atribútom "src".

Vytvorenie obrázka

Ak sa váš obrázok nachádza na webovom serveri, ktorý je hostiteľom vašej webovej stránky, stačí umiestniť názov obrázka v značke ako: Ak je však váš obrázok umiestnený na vzdialenom serveri, musíte do značky umiestniť odkaz na obrázok, napríklad: Či už používate lokálny alebo vzdialený obrázok, existujú určité atribúty, ktoré môžete použiť na zarovnanie obrázka na stránke. Atribút "zarovnať" sa používa na vodorovné zarovnanie obrázka. Hodnoty môžu byť „vpravo“, „vľavo“ alebo v strede. Napríklad, ak chcete umiestniť vzdialený obrázok na pravú stranu stránky, kód HTML by bol: Atribút „valign“ sa používa na zvislé zarovnanie obrázka na obrazovke. Hodnoty môžu byť "hore", "dole" a "stred". Na zarovnanie vyššie uvedeného príkladu v pravom hornom rohu obrazovky by kód mal byť: Ďalším atribútom je atribút „alt“. Používa sa na umiestnenie textu tam, kde by mal byť obrázok, ak návštevník používa textový webový prehľadávač alebo ak je odkaz na obrázok prerušený. Atribút "alt" sa používa nasledujúcim spôsobom: Nakoniec môžete svoj obrázok zmeniť na hypertextový odkaz pridaním značky. To umožňuje návštevníkom kliknúť na obrázok, ktorý sa má nasmerovať na vzdialenú stránku alebo na samotnú fotografiu. HTML kód na vytvorenie obrázka s hypertextovým odkazom je:

• Predchádzajúca strana: Ako odstrániť príspevok Tumblr s poznámkami
• Ďalšia strana: Čo je to systém spätného lievika?