ХТМЛ нам омогућава да користимо слике на веб страницама и учинимо их привлачнијим применом различитих стилова. Ако треба да промените однос ширине и висине слике или ваша слика не одговара изгледу ваше веб странице, можете да јој промените величину. У ту сврху можете користити „ ширина ' и ' висина ” својства на „ имг ” ознака. Ове вредности својства могу се лако поставити у ЦСС пикселима.
У овом приручнику ћете научити како да промените величину слике у ХТМЛ-у.
Пре почетка, потребно је додати слику у ХТМЛ датотеку на којој ће се извршити операција промене величине слике.
Како уградити слику у ХТМЛ?
Да бисте додали слику у ХТМЛ, користите следећу синтаксу:
< имг срц = 'имагес/буттерфли.јпг' све = 'алтернативни текст' >
Опис горе поменуте синтаксе је описан у наставку. „ имг ” ознака користи два атрибута:
-
- “срц” се користи за обезбеђивање путање (УРЛ) слике.
- 'све' се користи да обезбеди алтернативни текст ако слика није приказана.
ХТМЛ
Код испод представља два дива. У првом див, додали смо наслов у горњи центар наше веб странице као „ Величина слике у ХТМЛ-у ” коришћењем ознаке <х1>:
< див >
< центар >
< х1 > Величина слике ин ХТМЛ х1 >
центар >
див >
Други див се додаје са класом под називом „ контејнер ” и да бисмо представили слику у центру, користили смо ознаку <центер>. Унутар центра напишите доле наведени код да бисте додали слику:
< центар >
< имг срц = 'имагес/буттерфли.јпг' све = 'алтернативни текст' >
центар >
див >
Изабрана слика са „ 640*437 ” однос страница ће изгледати овако:
Следећи одељак ће демонстрирати метод за промену величине слике.
Како променити величину слике у ХТМЛ-у?
Можете прилагодити величину слике или јој променити величину помоћу „ ширина ' и ' висина ” да бисте поставили његову ширину и висину.
Сада, поставимо вредност ширине додате слике као „ 300 ” и погледајте како то функционише:
< имг срц = 'имагес/буттерфли.јпг' све = 'алтернативни текст' ширина = '300' >
Види се да је ширина слике промењена и успешно је промењена:
Поред ширине, „ висина ” атрибут се такође може користити у исту сврху. Да бисте видели разлику у величини, подесите „ 550 ” пиксели као висина слике:
Можете јасно уочити разлику у величини слике:
Тако се атрибути ширине и висине користе за промену величине слике.
Закључак
У ХТМЛ-у, „ висина ' и ' ширина ” атрибути се користе за промену величине слике. Можете да промените подразумевани однос ширине и висине слике додате тако што ћете поставити вредности ових атрибута. Као резултат, може се уочити јасна разлика у односу на величину слике. Овај блог је демонстрирао метод коришћења својстава висине и тежине за промену величине слика у ХТМЛ-у.