HTML lar oss bruke bilder på websider og gjøre dem mer tiltalende ved å bruke forskjellige stiler. Hvis du trenger å endre sideforholdet til bildet eller bildet ditt ikke passer på websiden din, kan du endre størrelse på det. For dette formålet kan du bruke "bredde”Og“høyde”Egenskaper på“img" stikkord. Disse eiendomsverdiene kan enkelt settes i CSS -piksler.

I denne håndboken lærer du metoden for å endre størrelse på bildet i HTML.

Før du starter, kreves det å legge bildet til HTML -filen som Bildet Endre størrelse på operasjonen vil bli utført.

Hvordan legge inn et bilde i HTML?

For å legge til et bilde i HTML, bruk følgende syntaks:

Beskrivelsen av ovennevnte syntaks er beskrevet nedenfor. “img”Tag bruker to attributter:

• • “SRC” brukes til å gi banen (URL).
  • “Alt” brukes til å gi den alternative teksten hvis bildet ikke vises.

Html

Koden nedenfor representerer to divs. I First Div la vi til en overskrift i toppsenteret på websiden vår som "Bildestørrelse i HTML”Ved å bruke

stikkord:

Bildestørrelse i HTML

Den andre div er lagt til med klassen som heter “container”Og for å representere bildet i sentrum, har vi brukt taggen. Inne i sentrum, skriv den nedenfor-nevnte koden for å legge til et bilde:

Det valgte bildet med "640*437”Aspektforhold vil se slik ut:

Den neste delen vil demonstrere metoden for å endre størrelse på et bilde.

Hvordan endre størrelsen på bildet i HTML?

Du kan tilpasse størrelsen på bildet eller endre størrelse på det ved å bruke "bredde”Og“høyde”Attributter for å sette sin bredde og høyde.

La oss nå sette breddeverdien til det ekstra bildet som "300”Og se hvordan det fungerer:

Det kan sees at bildebredden er endret, og den endres med hell:

I tillegg til bredden, "høyde”Attributt kan også brukes til samme formål. For å se størrelsesforskjellen, sett "550”Piksler som bildehøyde:

Du kan tydelig observere forskjellen i bildestørrelsen:

Slik brukes bredde og høydeattributter til å endre størrelse på bildet.

Konklusjon

I HTML, “høyde”Og“bredde”Attributter brukes til å endre størrelse på bildet. Du kan endre standard sideforholdet til det ekstra bildet ved å angi verdiene til disse attributtene. Som et resultat kan en klar forskjell sees med hensyn til bildestørrelse. Denne bloggen har demonstrert metoden for å bruke høyde- og vektegenskaper for å endre størrelse på bilder i HTML.