Ställ in längden och bredden på en bild med html

Denna instruktion förklarar hur man ställer in höjden och bredden på en bild med HTML (HyperText Markup Language).

  • "Bredden" anger bredden på en bild i pixlar.
  • "Höjden" anger höjden på en bild i pixlar.
  • I HTML 4.01 höjd kan definieras i pixlar eller procent. I HTML5 måste värdet vara i pixlar.

Steg

Bild med titeln Ställ in bildbredd och höjd med HTML Steg 1
1. Redigera filen vars bild du vill visa. till exempel: standard.html
Bild med titeln Ställ in bildbredd och höjd med HTML Steg 2
2. Lägg till den här raden i ditt manus
"Bild"
src är sökvägen till din bild.
alt är etiketten du ger din bild.
Bild med titeln Ställ in bildbredd och höjd med HTML Steg 3
3. Byta ut `höjd` och `bredd` som du vill, till exempel höjd="19" bredd="20"
Bild med titeln Ställ in bildbredd och höjd med HTML Steg 4
4. Spara filen och öppna filen med valfri webbläsare för att se effekten. "width"-attributet stöds i alla större webbläsare som Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer etc.

Tips

  • Ange alltid höjd- och breddattribut för bilder. Om höjd och bredd är inställda, kommer det utrymme som behövs för bilden att reserveras när sidan laddas. Men utan dessa attribut känner webbläsaren inte till storleken på bilden och kan inte reservera lämpligt utrymme för den. Effekten av detta är att sidlayouten ändras under laddning (medan bilderna laddas).
  • Ändra storlek på en stor bild genom att justera höjden och bredden tvingar en användare att ladda ner den stora bilden (även om den ser liten ut på sidan). För att undvika detta, skala om bilden med ett program innan du placerar den på en sida.

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