Veľkosť obrázka zobrazeného na stránke môžete zmeniť zadaním vhodných atribútov pre značku
ktorý je zodpovedný za zobrazenie grafiky na stránke HTML. Zvyšovanie alebo znižovanie sa vykonáva pomocou atribútov šírka a výška.
Vložte obrázok
Pred úpravami pridajte na stránku obrázok zadaním značiek
… Ak chcete upraviť dokument HTML, musíte stránku otvoriť v ľubovoľnom textovom editore. Pravým tlačidlom myši kliknite na súbor a vyberte atribút „Otvoriť v“- „Poznámkový blok“. Môžete tiež určiť ľubovoľný ďalší editor, ktorý je pre zmenu kódu pohodlnejší.
Prejdite do sekcie dokumentu a vyhľadajte značku
… Ak obrázok ešte nebol na stránku pridaný, zadajte nasledujúci kód:
Cesta k obrazovému súboru môže byť relatívna alebo absolútna. Atribút alt="Obrázok" je zodpovedný za názov obrázka a pridanie k nemu titulku, ktorý sa zobrazí, keď je kurzor myši nad obrázkom.
Zmena veľkosti
Ak chcete obrázok zväčšiť, nastavte príslušné parametre šírky a výšky pridaním atribútov do značky obrázka:
Parameter width zodpovedá šírke obrázka a height obsahuje indikátor výšky obrázka. V takom prípade sa po otvorení stránky v okne prehliadača zobrazí obrázok so šírkou 300 pixelov a výškou 350 pixelov. Môžete tiež pridať atribúty hspace a vspace, aby ste zmenili nastavenia formátovania na stránke:
V tomto deskriptore boli špecifikované horizontálne (hspace) a vertikálne (vspace) okraje z obrázka. Akýkoľvek text pridaný na stránku bude mať od obrázka rozmiestnenie 5 pixelov horizontálne a 10 pixelov vertikálne. Atribút border je zodpovedný za vytvorenie orámovania 1 pixela okolo obrázka.
Je potrebné poznamenať, že veľkosť obrázka je možné nastaviť nielen v pixeloch, ale aj v percentách vzhľadom na veľkosť okna prehliadača. Napríklad:
Výsledkom tohto kódu bude, že sa obraz roztiahne po celej šírke okna. Stojí za zmienku, že obraz v tomto prípade môže byť skreslený. Zväčšené zobrazenie obrazu závisí od kvality samotného obrazu.
Uložte zmeny vykonané pomocou funkcie „Súbor“- „Uložiť“okna „Poznámkový blok“. Zobrazenie obrázka v okne prehliadača skontrolujte otvorením súboru HTML kliknutím pravým tlačidlom myši a výberom možnosti „Otvoriť v“. V zozname navrhovaných možností vyberte program, ktorý používate na prehľadávanie Internetu. Súbor HTML môžete ľubovoľne upravovať, aby ste upravili veľkosť obrázka.
