Sådan øges Størrelsen På Et Billede I Html

Indholdsfortegnelse:

Sådan øges Størrelsen På Et Billede I Html
Sådan øges Størrelsen På Et Billede I Html

Video: Sådan øges Størrelsen På Et Billede I Html

Video: Sådan øges Størrelsen På Et Billede I Html
Video: Indsæt billede (HTML) 2024, November
Anonim

Du kan ændre størrelsen på det billede, der vises på siden, ved at angive de relevante attributter til tagget

som er ansvarlig for at vise grafikken på HTML-siden. Forøgelse eller formindskelse sker gennem attributterne bredde og højde.

Sådan øges størrelsen på et billede i html
Sådan øges størrelsen på et billede i html

Indsæt et billede

Før du redigerer, skal du tilføje et billede til siden ved at angive tags

… For at redigere et HTML-dokument skal du åbne siden i en hvilken som helst teksteditor. Højreklik på filen, og vælg attributten "Åbn med" - "Notesblok". Du kan også angive enhver anden editor, der er mere praktisk for dig at bruge til at ændre koden.

Gå til dokumentsektionen og find tagget

… Hvis billedet endnu ikke er tilføjet til siden, skal du indtaste følgende kode:

Stien til billedfilen kan være enten relativ eller absolut. Attributten alt="Image" er ansvarlig for billedets navn og tilføjer en billedtekst til det, som vises, når musemarkøren er over billedet.

Ændring af størrelse

For at forstørre billedet skal du indstille de relevante parametre for bredde og højde til det ved at tilføje attributter til billedkoden:

Breddeparameteren svarer til billedets bredde, og højden indeholder indikatoren for billedets højde. I dette tilfælde, når siden åbnes, vises et billede med en bredde på 300 pixels og en højde på 350 pixels i browservinduet. Du kan også tilføje attributterne hspace og vspace for at ændre formateringsindstillingerne på siden:

I denne deskriptor blev vandrette (hspace) og lodrette (vspace) margener fra billedet specificeret. Enhver tekst, der føjes til siden, fordeles 5 pixels vandret fra billedet og 10 pixels lodret. Grænseattributten er ansvarlig for at skabe en 1 pixel kant rundt om billedet.

Det skal bemærkes, at billedets størrelse ikke kun kan indstilles i pixels, men også som en procentdel i forhold til størrelsen på browservinduet. For eksempel:

Som et resultat af arbejdet med denne kode strækkes billedet over hele vinduets bredde. Det er værd at bemærke, at billedet i dette tilfælde kan blive forvrænget. Den forstørrede visning af billedet afhænger af kvaliteten af selve billedet.

Gem de ændringer, der er foretaget ved hjælp af "File" - "Save" -funktionen i "Notepad" -vinduet. Kontroller visningen af billedet i browservinduet ved at åbne HTML-filen ved at højreklikke og vælge indstillingen "Åbn med". På listen over foreslåede indstillinger skal du vælge det program, du bruger til at surfe på Internettet. Du kan redigere HTML-filen et vilkårligt antal gange for at justere billedstørrelsen.

Anbefalede: