Како поставити ширину и висину слике помоћу ХТМЛ -а

Аутор: Clyde Lopez
Датум Стварања: 17 Јули 2021
Ажурирати Датум: 1 Јули 2024
Anonim
Rad sa slikama u HTML-u
Видео: Rad sa slikama u HTML-u

Садржај

Овај чланак ће вам показати како поставити висину и ширину слике у ХТМЛ -у.

  • Атрибут "видтх" поставља ширину слике (у пикселима).
  • Атрибут "хеигхт" поставља висину слике (у пикселима).
  • У ХТМЛ4.01, висина се може поставити у пикселима или у процентима, али у ХТМЛ5, само у пикселима.

Кораци

  1. 1 Отворите ХТМЛ датотеку. На пример, отворите датотеку дефаулт.хтмл.
  2. 2 Додајте следећи ред у свој ХТМЛ код.
    • имг срц = "имагефиле.јпг" алт = "Слика" хеигхт = "42" видтх = "42">
    • срц садржи путању до графичке датотеке (слике).
    • алт, величина слике је подешена.
  3. 3 Замените вредности атрибута висина и ширина жељеним вредностима. На пример, овако: хеигхт = "19" видтх = "20"
  4. 4 Сачувајте датотеку и отворите је у било ком веб прегледачу. Учините то да бисте проверили како се величина слике мења. Атрибут "видтх" подржавају сви главни прегледачи (Гоогле Цхроме, Сафари, Мозилла Фирефок, Опера, Интернет Екплорер).

Савјети

  • Увек подесите висину и ширину слике. Дакле, када се страница учита, простор је резервисан за слику. У супротном, прегледач неће знати величину слике и неће резервисати простор, што доводи до промене изгледа странице при учитавању странице.
  • Ако се величина велике слике смањи употребом атрибута "висина" и "ширина", корисник ће учитати велику слику (чак и ако се на страници појави мала). Због тога препоручујемо да прво промените величину слике у графичком уређивачу.