Hvordan øke Størrelsen På Et Bilde I Html

Innholdsfortegnelse:

Hvordan øke Størrelsen På Et Bilde I Html
Hvordan øke Størrelsen På Et Bilde I Html

Video: Hvordan øke Størrelsen På Et Bilde I Html

Video: Hvordan øke Størrelsen På Et Bilde I Html
Video: Dynify: Hvordan sette inn link på et bilde 2024, Kan
Anonim

Du kan endre størrelsen på bildet som vises på siden ved å spesifisere de aktuelle attributtene for koden

som er ansvarlig for å vise grafikken på HTML-siden. Å øke eller redusere gjøres gjennom attributt for bredde og høyde.

Hvordan øke størrelsen på et bilde i html
Hvordan øke størrelsen på et bilde i html

Sett inn et bilde

Før du redigerer, legg til et bilde på siden ved å spesifisere koder

… For å redigere et HTML-dokument, må du åpne siden i hvilken som helst teksteditor. Høyreklikk på filen og velg attributtet "Åpne med" - "Notisblokk". Du kan også spesifisere en hvilken som helst annen redaktør som er mer praktisk for deg å bruke til å endre koden.

Gå til dokumentseksjonen og finn taggen

… Hvis bildet ennå ikke er lagt til siden, skriver du inn følgende kode:

Stien til bildefilen kan være enten relativ eller absolutt. Alt = "Image" -attributtet er ansvarlig for navnet på bildet og legger til en bildetekst til det, som vises når musepekeren er over bildet.

Endring av størrelse

For å forstørre bildet, still inn riktige parametere for bredde og høyde til det ved å legge til attributter til bildekoden:

Breddeparameteren tilsvarer bredden på bildet, og høyden inneholder indikatoren for bildets høyde. I dette tilfellet, når siden åpnes, vises et bilde med en bredde på 300 piksler og en høyde på 350 piksler i nettleservinduet. Du kan også legge til hspace- og vspace-attributtene for å endre formateringsinnstillingene på siden:

I denne beskrivelsen ble horisontale (hspace) og vertikale (vspace) marginer fra bildet spesifisert. Tekst som legges til på siden, vil være plassert med 5 piksler horisontalt fra bildet og 10 piksler vertikalt. Grenseattributtet er ansvarlig for å lage en ramme på 1 piksel rundt bildet.

Det skal bemerkes at størrelsen på bildet ikke kan angis i piksler, men også som en prosentandel i forhold til størrelsen på nettleservinduet. For eksempel:

Som et resultat av arbeidet med denne koden vil bildet bli strukket over hele vinduets bredde. Det er verdt å merke seg at bildet i dette tilfellet kan bli forvrengt. Den forstørrede visningen av bildet avhenger av kvaliteten på selve bildet.

Lagre endringene som er gjort med "File" - "Save" -funksjonen i "Notisblokk" -vinduet. Sjekk visningen av bildet i nettleservinduet ved å åpne HTML-filen ved å høyreklikke og velge alternativet "Åpne med". I listen over foreslåtte alternativer velger du programmet du bruker for å surfe på Internett. Du kan redigere HTML-filen et hvilket som helst antall ganger for å justere bildestørrelsen.

Anbefalt: