Hvernig á að stilla breidd og hæð myndar með HTML

Höfundur: Clyde Lopez
Sköpunardag: 17 Júlí 2021
Uppfærsludagsetning: 1 Júlí 2024
Anonim
Hvernig á að stilla breidd og hæð myndar með HTML - Samfélag
Hvernig á að stilla breidd og hæð myndar með HTML - Samfélag

Efni.

Þessi grein mun sýna þér hvernig á að stilla hæð og breidd myndar í HTML.

  • Eiginleikinn „breidd“ stillir breidd myndarinnar (í pixlum).
  • Eiginleikinn „hæð“ stillir hæð myndarinnar (í pixlum).
  • Í HTML4.01 er hægt að stilla hæðina í pixlum eða sem hlutfalli, en í HTML5, aðeins í pixlum.

Skref

  1. 1 Opnaðu HTML skrána. Til dæmis, opnaðu skrána default.html.
  2. 2 Bættu eftirfarandi línu við HTML kóða þinn.
    • img src = "imagefile.webp" alt = "Mynd" hæð = "42" breidd = "42">
    • src inniheldur slóðina að grafískri skrá (mynd).
    • í alt er stærð myndarinnar stillt.
  3. 3 Skipta um gildi hæðar- og breiddareiginleikanna með gildunum þínum. Til dæmis, svona: hæð = "19" breidd = "20"
  4. 4 Vistaðu skrána og opnaðu hana í hvaða vafra sem er. Gerðu þetta til að athuga hvernig stærð myndarinnar er breytt. „Breidd“ eiginleiki er studdur af öllum helstu vöfrum (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

Ábendingar

  • Stilltu alltaf hæð og breidd myndarinnar. Svo þegar síðan er hlaðin er pláss frátekið fyrir myndina. Annars mun vafrinn ekki vita stærð myndarinnar og mun ekki panta pláss, sem veldur því að síðuskipan breytist þegar blaðsíðan er hlaðin.
  • Ef stærð stóru myndarinnar er minnkuð með því að nota "hæð" og "breidd" eiginleika, mun notandinn hlaða stóru myndinni (jafnvel þótt hún virðist lítil á síðunni). Þess vegna mælum við með því að þú breytir fyrst stærð myndarinnar í grafískum ritstjóra.