HTML nam omogoča uporabo slik na spletnih straneh in jih naredimo privlačnejše z uporabo različnih slogov. Če morate spremeniti razmerje stranic slike ali če vaša slika ne ustreza postavitvi vaše spletne strani, ji lahko spremenite velikost. V ta namen lahko uporabite » premer « in » višina » lastnosti na » img ' oznaka. Te vrednosti lastnosti je mogoče preprosto nastaviti v slikovnih pikah CSS.

V tem priročniku se boste naučili, kako spremeniti velikost slike v HTML.

Pred začetkom je potrebno dodati sliko v datoteko HTML, na kateri bo izvedena operacija spreminjanja velikosti slike.

Kako vdelati sliko v HTML?

Če želite dodati sliko v HTML, uporabite naslednjo sintakso:

Opis zgoraj omenjene sintakse je opisan spodaj. ' img ” uporablja dva atributa:

• • “src” se uporablja za zagotavljanje poti (URL) slike.
  • 'vse' se uporablja za zagotavljanje alternativnega besedila, če slika ni prikazana.

HTML

Spodnja koda predstavlja dva diva. V prvi div smo dodali naslov v zgornjem središču naše spletne strani kot ' Velikost slike v HTML ” z uporabo oznake

:

< div >
< center >
< h1 > Velikost slike v HTML h1 >
center >
div >

Drugi div je dodan z razredom z imenom ' posoda ” in za predstavitev slike v sredini smo uporabili oznako

. V sredini napišite spodnjo kodo, da dodate sliko:

< div razred = 'posoda' >
< center >
< img src = 'images/butterfly.jpg' vse = 'nadomestno besedilo' >
center >
div >

Izbrana slika z ' 640*437 ” bo razmerje stranic videti takole:

Naslednji razdelek bo prikazal način spreminjanja velikosti slike.

Kako spremeniti velikost slike v HTML?

Velikost slike lahko prilagodite ali spremenite z uporabo » premer « in » višina ” za nastavitev njegove širine in višine.

Zdaj pa nastavimo vrednost širine dodane slike kot ' 300 « in si oglejte, kako deluje:

< img src = 'images/butterfly.jpg' vse = 'nadomestno besedilo' premer = '300' >

Vidimo lahko, da je bila širina slike spremenjena in njena velikost je uspešno spremenjena:

Poleg širine je ' višina Atribut se lahko uporabi tudi za isti namen. Za ogled razlike v velikosti nastavite » 550 ” slikovnih pik kot višina slike:

< img src = 'images/butterfly.jpg' vse = 'nadomestno besedilo' premer = '300' višina = '550' >

Jasno lahko opazite razliko v velikosti slike:

Tako se atributi širine in višine uporabljajo za spreminjanje velikosti slike.

Zaključek

V HTML je » višina « in » premer ” atributi se uporabljajo za spreminjanje velikosti slike. Privzeto razmerje stranic dodane slike lahko spremenite tako, da nastavite vrednosti teh atributov. Posledično je mogoče opaziti jasno razliko glede velikosti slike. Ta spletni dnevnik je pokazal metodo za uporabo lastnosti višine in teže za spreminjanje velikosti slik v HTML.