Ako nastaviť šírku a výšku obrázka pomocou HTML

Z tohto článku sa dozviete, ako nastaviť výšku a šírku obrázka v HTML.

Atribút "Šírka" nastaví šírku obrazu (v pixeloch).
Atribút výšky Nastaví výšku obrazu (v pixeloch).
V html4.01 Výška môže byť nastavená v pixeloch alebo percentách a v HTML5 len v pixeloch.

Kroky

jeden. Otvorte súbor kód HTML. Otvorte napríklad predvolený súbor.Html.

Obrázok s názvom Nastaviť šírku a výšku obrazu pomocou HTML Krok 2

2. Pridajte nasledujúci riadok na HTML kód.

v Src Určuje cestu k grafickému súboru (obrázok).

v Alt Rozmery sú nastavené.

Obrázok s názvom Nastaviť šírku a výšku obrazu pomocou HTML Krok 3

3. Vymeňte hodnoty atribútov Výška a šírka napravo. Napríklad: Výška ="devätnásť" šírka ="dvadsať"

Obrázok s názvom Nastaviť šírku a výšku obrazu pomocou HTML Krok 4

4. Uložte súbor a otvorte ho v ľubovoľnom webovom prehliadači. Urobte z neho, ako sa veľkosť obrazu zmenil. Atribút "Šírka" je podporovaný všetkými hlavnými prehliadačmi (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

Tipy

Vždy sa opýtajte výšku a šírku obrazu. Takže pri načítaní stránky pod obrázkom si vyhradzuje miesto. V opačnom prípade prehliadač nepozná veľkosť obrázka a nezahŕňa miesto, v akom sa rozloženie stránky zmení ako načítanie stránky.
Ak sa veľkosť veľkého obrazu zníži pomocou výšky a šírky atribútov, používateľ vloží veľký obraz (aj keď sa zdá malý na stránke). Preto odporúčame najprv zmeniť veľkosť obrázka v editore grafiky.