Jak nastavit šířku a výšku obrázku pomocí html

Tento článek vám ukáže, jak nastavit výšku a šířku obrázku v HTML.

Atribut "width" nastavuje šířku obrázku (v pixelech).
Atribut "height" nastavuje výšku obrázku (v pixelech).
V HTML4.01 lze nastavit výšku v pixelech nebo v procentech, ale v HTML5 pouze v pixelech.

Kroky

jeden. Otevřete soubor HTML. Například otevřete výchozí soubor.html.

Obrázek s názvem Nastavit šířku a výšku obrázku pomocí HTML Krok 2

2. Přidejte následující řádek do HTML kódu.

v SRC Určuje cestu k grafickému souboru (obrázek).

v Alt Rozměry jsou nastaveny.

Obrázek s názvem Nastavit šířku a výšku obrázku pomocí HTML Krok 3

3. Nahradit hodnoty atributů Výška a šířka napravo. Například: Výška = "19" šířka = "20"

Obrázek s názvem Nastavit šířku a výšku obrázku pomocí HTML kroku 4

4. Uložte soubor a otevřete jej v libovolném webovém prohlížeči. Zkontrolujte, zda se změnila velikost obrazu. Atribut "šířka" je podporován všemi hlavními prohlížeči (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

Tipy

Vždy se zeptejte výšku a šířku obrázku. Takže při načítání stránky pod obrázkem si rezervujete místo. V opačném případě prohlížeč nebude znát velikost obrázku a rezervuje si místo, v důsledku které se rozložení stránky změní jako načtení stránky.
Pokud je velikost velkého obrázku zmenšena pomocí atributů „výška“ a „šířka“, uživatel načte velký obrázek (i když se na stránce zdá malý). Proto doporučujeme nejprve změnit velikost obrázku v grafickém editoru.