Z HTML nastavite dolžino in širino slike

Avtor: Roger Morrison
Datum Ustvarjanja: 18 September 2021
Datum Posodobitve: 1 Julij. 2024
Anonim
Image Tag and Src, Alt, Height and Width Attributes in HTML -- English-vlr training
Video.: Image Tag and Src, Alt, Height and Width Attributes in HTML -- English-vlr training

Vsebina

V tem wikiHow je razloženo, kako nastavite višino in širino slike s pomočjo HTML (HyperText Markup Language).

  • "Širina" označuje širino slike v slikovnih pikah.
  • "Višina" označuje višino slike v slikovnih pikah.
  • V HTML 4.01 lahko višino določimo v slikovnih pikah ali odstotkih. V HTML5 mora biti vrednost v slikovnih pikah.

Stopati

  1. Uredite datoteko, za katero želite prikazati sliko. na primer: default.html
  2. Dodajte to vrstico v svoj skript
    • img src = "imagefile.webp" alt = "Image" height = "42" width = "42">
    • src je pot do vaše slike.
    • alt je oznaka, ki jo daste svoji sliki.
  3. Zamenjajte "višino" in "širino", kot želite, na primer height = "19" width = "20"
  4. Shranite datoteko in jo odprite s katerim koli brskalnikom, da vidite učinek. Atribut "širina" je podprt v vseh večjih brskalnikih, kot so Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer itd.

Nasveti

  • Za slike vedno določite atribute višine in širine. Če sta nastavljeni višina in širina, bo prostor, potreben za sliko, rezerviran, ko se stran naloži. Vendar brez teh lastnosti brskalnik ne pozna velikosti slike in zanjo ni mogoče rezervirati ustreznega prostora. Posledica tega je, da se postavitev strani med nalaganjem spremeni (medtem ko se slike nalagajo).
  • Zmanjšanje velikosti velike slike s prilagajanjem njene višine in širine prisili uporabnika, da prenese veliko sliko (tudi če je na strani videti majhna). Da bi se temu izognili, morate sliko s programom razširiti, preden jo postavite na stran.