Jak převést obrázek do HTML kódu

Psaní rukou na klávesnici

Mužské ruce na klávesnici počítače

Kredit obrázku: JatinderKumar/iStock/Getty Images

Pomocí několika úryvků kódu HTML můžete vložit obrázek do jakékoli webové stránky, e-mailu nebo jiného internetového dokumentu HTML nebo XML. I když nemůžete "převést" obrázek na kód HTML, můžete obrázek uložit lokálně nebo na konkrétní webovou adresu a poté pro něj určit místo v dokumentu HTML. Můžete také určit, o kolik pixelů se má obrázek zobrazit, a to jak svisle, tak vodorovně. Čtěte dále a zjistěte, jak převést obrázek do HTML kódu.

Krok 1

Vyberte obrázek. Může to být jakýkoli obrázek jakékoli velikosti.

Video dne

Krok 2

Uložte obrázek lokálně nebo online. To znamená, že si jej můžete uložit do počítače nebo na konkrétní webovou adresu. Pokud chcete, aby ostatní lidé mohli obrázek vidět online, musíte obrázek nahrát na webový server. Použijte svůj webový server, nebo pokud web nemáte, zkuste použít Picasa nebo jinou aplikaci pro ukládání a sdílení obrázků. Poznamenejte si adresu URL, kde je fotografie uložena.

Krok 3

Otevřete dokument HTML. Použijte značku obrázku a přesnou adresu URL místa, kde je obrázek uložen: . Tím se obrázek vloží do dokumentu HTML. Když uživatel otevře tento dokument prostřednictvím webového prohlížeče nebo jiného programu, zobrazí se obrázek.

Krok 4

Upravte šířku obrázku tak, jak chcete, aby vypadal, pokud jde o pixely. Opět použijte přesnou adresu URL místa, kde je obrázek uložen. Například, http://example.com/image.jpg" šířka=400>. Tím se roztáhne nebo zmenší stávající šířka obrázku na 400 pixelů.

Krok 5

Upravte výšku obrázku, jak chcete, aby vypadal, v pixelech. Například, . Tím se roztáhne nebo zmenší stávající výška obrázku na 700 pixelů.

Krok 6

Podle potřeby zkombinujte nastavení šířky a výšky. Například, .

Krok 7

V případě potřeby přeměňte obrázek na odkaz. Použijte značku ukotvení s vloženou značkou obrázku. Například, .