Indstil længden og bredden af ​​et billede med html

Indhold

Denne instruktion forklarer, hvordan man indstiller højden og bredden af ​​et billede ved hjælp af HTML (HyperText Markup Language).

  • `Breden` angiver bredden af ​​et billede i pixels.
  • `Højden` angiver højden af ​​et billede i pixels.
  • I HTML 4.01 højde kan defineres i pixels eller procenter. I HTML5 skal værdien være i pixels.

Trin

Billede med titlen Indstil billedbredde og højde ved hjælp af HTML Trin 1
1. Rediger den fil, hvis billede du vil vise. for eksempel: standard.html
Billede med titlen Indstil billedbredde og højde ved hjælp af HTML Trin 2
2. Tilføj denne linje til dit script
"Billede"
src er filstien til dit billede.
alt er den etiket, du giver dit billede.
Billede med titlen Indstil billedbredde og højde ved hjælp af HTML Trin 3
3. Erstat `højde`og`bredde` som du ønsker, for eksempel højde="19" bredde ="20"
Billede med titlen Indstil billedbredde og højde ved hjælp af HTML Trin 4
4. Gem filen og åbn filen med en hvilken som helst browser for at se effekten. `width`-attributten understøttes i alle større browsere som Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer osv.

Tips

  • Angiv altid højde- og breddeattributter for billeder. Hvis højden og bredden er indstillet, vil den nødvendige plads til billedet blive reserveret, når siden indlæses. Men uden disse attributter kender browseren ikke størrelsen på billedet og kan ikke reservere passende plads til det. Effekten af ​​dette er, at sidelayoutet ændres under indlæsning (mens billederne indlæses).
  • Ændring af størrelsen på et stort billede ved at justere højden og bredden tvinger en bruger til at downloade det store billede (selvom det ser lille ud på siden). For at undgå dette skal du omskalere billedet med et program, før du placerer det på en side.

  • Оцените, пожалуйста статью