Indstil længden og bredden på et billede med HTML

Forfatter: Roger Morrison
Oprettelsesdato: 18 September 2021
Opdateringsdato: 1 Juli 2024
Anonim
Brug af CSS-enheder korrekt: Pixels og procenter #tryminim
Video.: Brug af CSS-enheder korrekt: Pixels og procenter #tryminim

Indhold

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

  • "Bredden" angiver bredden på et billede i pixels.
  • "Højden" angiver billedets højde i pixels.
  • I HTML 4.01 kan højden defineres i pixels eller procenter. I HTML5 skal værdien være i pixels.

At træde

  1. Rediger den fil, som du vil vise billedet for. for eksempel: standard.html
  2. Føj denne linje til dit script
    • img src = "imagefile.webp" alt = "Image" height = "42" width = "42">
    • src er filstien til dit billede.
    • alt er den etiket, du giver dit billede.
  3. Udskift "højde" og "bredde" som du vil, for eksempel højde = "19" bredde = "20"
  4. Gem filen, og åbn filen med enhver browser for at se effekten. Attributten "bredde" understøttes i alle større browsere såsom Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer osv.

Tips

  • Angiv altid højde- og breddeegenskaberne for billeder. Hvis højden og bredden er indstillet, reserveres den nødvendige plads til billedet, når siden indlæses. Uden disse attributter kender browseren imidlertid ikke billedets størrelse, og der kan ikke reserveres noget passende plads til det. Effekten af ​​dette er, at sidelayoutet ændres under indlæsning (mens billederne indlæses).
  • At reducere størrelsen på et stort billede ved at justere dets højde og bredde 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, inden du placerer det på en side.