Postavite duljinu i širinu slike pomoću HTML-a

Autor: Roger Morrison
Datum Stvaranja: 18 Rujan 2021
Datum Ažuriranja: 1 Srpanj 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

Sadržaj

Ovaj wikiHow objašnjava kako postaviti visinu i širinu slike pomoću HTML-a (HyperText Markup Language).

  • "Širina" označava širinu slike u pikselima.
  • "Visina" označava visinu slike u pikselima.
  • U HTML 4.01 visina se može definirati u pikselima ili postocima. U HTML5 vrijednost mora biti u pikselima.

Kročiti

  1. Uredite datoteku za koju želite prikazati sliku. na primjer: default.html
  2. Dodajte ovaj redak u svoju skriptu
    • img src = "imagefile.webp" alt = "Slika" visina = "42" širina = "42">
    • src je put datoteke do vaše slike.
    • alt je oznaka koju dajete svojoj slici.
  3. Zamijenite "height" i "width" kako želite, na primjer height = "19" width = "20"
  4. Spremite datoteku i otvorite je bilo kojim preglednikom da biste vidjeli učinak. Atribut "širina" podržan je u svim glavnim preglednicima kao što su Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer itd.

Savjeti

  • Uvijek odredite atribute visine i širine za slike. Ako su postavljeni visina i širina, prostor potreban za sliku bit će rezerviran kad se stranica učita. Međutim, bez ovih atributa preglednik ne zna veličinu slike i za nju se ne može rezervirati prikladan prostor. Učinak toga je da se izgled stranice mijenja tijekom učitavanja (dok se slike učitavaju).
  • Smanjivanje veličine velike slike prilagođavanjem visine i širine prisiljava korisnika da preuzme veliku sliku (čak i ako na stranici izgleda malo). Da biste to izbjegli, sliku morate prilagoditi programom prije nego što je postavite na stranicu.