Jak převést obrázek na kód HTML

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

Uložte obrázek místně nebo online. To znamená, že jej můžete uložit na svůj počítač nebo na konkrétní webovou adresu. Pokud chcete, aby ostatní lidé viděli obrázek online, je třeba ho nahrať na webový server. Použijte server vašeho webu, nebo pokud jej nemáte, zkuste použít aplikaci Picasa nebo jinou aplikaci pro ukládání a distribuci obrázků. Zaznamenejte adresu URL, kam byla fotografie uložena.

Otevřete dokument HTML Použijte značku obrázku a přesnou adresu webu, kde je obrázek uložen: img src = "http://example.com/image.jpg". Tím dojde k vložení obrázku do dokumentu HTML. Když uživatel otevře dokument prostřednictvím webového prohlížeče nebo jiného programu, zobrazí se tento obrázek.

Nastavte šířku obrazu v pixelech a podle toho, jak se má zobrazit. Opět použijte přesnou adresu URL místa, kde se obraz nachází. Například img src = "http://example.com/image.jpg" width = 40. Tato instrukce zvýší nebo sníží aktuální šířku obrazu na 400 pixelů.

Upravte výšku obrazu v pixelech a podle toho, jak se má zobrazit. Například img src = "http://example.com/image.jpg" height = 700. Tím se zvýší nebo sníží aktuální výška obrazu na 700 pixelů.

Kombinujte nastavení šířky a výšky podle potřeby. Například img src = "http://example.com/image.jpg" width = 400 height = 700.

Pokud chcete, převeďte obrázek tak, aby fungoval jako odkaz. Značku použijte k ukotvení s vloženou značkou obrázku. Například href = "http://sitioweb.com" img src = "http://example.cz/image.jpg" šířka = 400 výška = 700 / a.