Ako previesť obrázok do HTML kódu

Písanie rukou na klávesnici

Mužské ruky na klávesnici počítača

Kredit za obrázok: JatinderKumar/iStock/Getty Images

Pomocou niekoľkých útržkov kódu HTML môžete vložiť obrázok do ľubovoľnej webovej stránky, e-mailu alebo iného dokumentu HTML alebo XML založeného na internete. Hoci nemôžete „previesť“ obrázok na kód HTML, môžete obrázok uložiť lokálne alebo na špecifickú webovú adresu a potom preň určiť miesto v dokumente HTML. Môžete tiež určiť, na koľko pixelov má byť obrázok veľký, a to vertikálne aj horizontálne. Čítajte ďalej a dozviete sa, ako previesť obrázok do HTML kódu.

Krok 1

Vyberte obrázok. Môže to byť akýkoľvek obrázok akejkoľvek veľkosti.

Video dňa

Krok 2

Uložte obrázok lokálne alebo online. To znamená, že si ho môžete uložiť do počítača alebo na konkrétnu webovú adresu. Ak chcete, aby ostatní ľudia mohli vidieť obrázok online, musíte obrázok nahrať na webový server. Použite svoj webový server alebo ak nemáte webovú stránku, skúste použiť Picasa alebo inú aplikáciu na ukladanie a zdieľanie obrázkov. Poznamenajte si adresu URL, na ktorej je fotografia uložená.

Krok 3

Otvorte dokument HTML. Použite značku obrázka a presnú adresu URL miesta, kde je obrázok uložený: . Tým sa obrázok vloží do dokumentu HTML. Keď používateľ otvorí dokument prostredníctvom webového prehliadača alebo iného programu, zobrazí sa obrázok.

Krok 4

Upravte šírku obrázka tak, ako chcete, aby sa zobrazil v pixeloch. Opäť použite presnú adresu URL miesta, kde je obrázok uložený. Napríklad, http://example.com/image.jpg" šírka=400>. Tým sa roztiahne alebo zmenší existujúca šírka obrázka na 400 pixelov.

Krok 5

Upravte výšku obrázka tak, ako chcete, aby sa zobrazil v pixeloch. Napríklad, . Tým sa roztiahne alebo zmenší existujúca výška obrázka na 700 pixelov.

Krok 6

Podľa potreby skombinujte nastavenie šírky a výšky. Napríklad, .

Krok 7

V prípade potreby premeňte obrázok na odkaz. Použite značku ukotvenia s vloženou značkou obrázka. Napríklad, .