Innhold

• Trinn
• Tips

Denne artikkelen viser deg hvordan du angir høyde og bredde på et bilde i HTML.

• Attributtet "bredde" angir bredden på bildet (i piksler).
• Attributtet "høyde" angir høyden på bildet (i piksler).
• I HTML4.01 kan høyden settes i piksler eller som en prosentandel, men i HTML5, bare i piksler.

Trinn

1. 1 Åpne HTML -filen. For eksempel, åpne filen default.html.
2. 2 Legg til følgende linje i HTML -koden.
   • img src = "imagefile.webp" alt = "Bilde" høyde = "42" bredde = "42">
   • src inneholder banen til den grafiske filen (bildet).
   • i alt, er størrelsen på bildet satt.
3. 3 Erstatt verdiene for høyde- og breddeattributtene med ønskede verdier. For eksempel, slik: høyde = "19" bredde = "20"
4. 4 Lagre filen og åpne den i en hvilken som helst nettleser. Gjør dette for å kontrollere størrelsen på bildet. Attributtet "bredde" støttes av alle større nettlesere (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

Tips

• Angi alltid høyden og bredden på bildet. Så når siden er lastet inn, er det reservert plass til bildet. Ellers vil ikke nettleseren vite størrelsen på bildet og vil ikke reservere plass, noe som får sidelayoutet til å endres etter hvert som siden lastes inn.
• Hvis størrelsen på det store bildet reduseres ved hjelp av attributtene "høyde" og "bredde", laster brukeren det store bildet (selv om det ser lite ut på siden). Derfor anbefaler vi at du først endrer størrelsen på bildet i et grafisk redigeringsprogram.