Kako nastaviti širino in višino slike s HTML

Avtor: Clyde Lopez
Datum Ustvarjanja: 17 Julij. 2021
Datum Posodobitve: 1 Julij. 2024
Anonim
STYLE ON THE HIGHEST RANGE! FASHIONABLE BLOUSE
Video.: STYLE ON THE HIGHEST RANGE! FASHIONABLE BLOUSE

Vsebina

Ta članek vam bo pokazal, kako nastaviti višino in širino slike v HTML -ju.

  • Atribut "width" nastavi širino slike (v pikslih).
  • Atribut "height" določa višino slike (v pikslih).
  • V HTML4.01 je višino mogoče nastaviti v slikovnih pikah ali kot odstotek, v HTML5 pa le v slikovnih pikah.

Koraki

  1. 1 Odprite datoteko HTML. Odprite na primer datoteko default.html.
  2. 2 Kodi HTML dodajte naslednjo vrstico.
    • img src = "imagefile.webp" alt = "Slika" višina = "42" širina = "42">
    • src vsebuje pot do grafične datoteke (slika).
    • v alt je nastavljena velikost slike.
  3. 3 Vrednosti atributov višine in širine zamenjajte z želenimi vrednostmi. Na primer, takole: height = "19" width = "20"
  4. 4 Shranite datoteko in jo odprite v katerem koli spletnem brskalniku. Naredite to, da preverite, kako je velikost slike spremenjena. Atribut "width" podpirajo vsi večji brskalniki (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

Nasveti

  • Vedno nastavite višino in širino slike. Ko je stran naložena, je prostor za sliko rezerviran. V nasprotnem primeru brskalnik ne bo poznal velikosti slike in ne bo rezerviral prostora, zaradi česar se bo postavitev strani spremenila, ko se stran naloži.
  • Če se velikost velike slike zmanjša z uporabo atributov "višina" in "širina", bo uporabnik naložil veliko sliko (tudi če je na strani majhna). Zato priporočamo, da najprej spremenite velikost slike v grafičnem urejevalniku.