Уметните слике помоћу ХТМЛ-а - како то функционише
Ако желите да на своју веб локацију уметнете слику са ХТМЛ-ом, користите имг ознаку. Прочитајте овде како тачно ово ради и на шта морате пазити.
Како уметати слике помоћу ХТМЛ-а - основе
- Са даном
може да убацује слике. - Извор слике је дат унутар ознаке:
убацује датотеку "тестбилд.јпг" из подмапе "слике" на веб локацију. - Спољни извори путем УРЛ адресе су такође могући:
интегрише ЦХИП логотип са наших сервера.
ХТМЛ атрибути за уграђене слике
У имг ознаку се могу додати бројни атрибути:
- Користите "ширину" и "висину" да одредите величину слике на веб локацији: Слика
Приказује се квадрат квадратне странице са дужином од 100 пиксела. - Са "алт" дефинирате алтернативни текст који се приказује ако се одговарајућа слика не може учитати. Увек бисте требали да поставите овај атрибут када убацујете слике ХТМЛ-ом.
- Атрибут "бордер" одређује дебљину оквира у пикселима. Слика са
има оквир који је релативно дебео са пет пиксела. - Употријебите "поравнање" да бисте поравнали графику. Вредности овог атрибута су „дно“, „врх“, „средина“, „лево“, „десно“ и „центар“.
- Помоћу "хспаце" и "вспаце" можете (хоризонтално и вертикално) подесити удаљеност од слике.
Који формат треба да користим?
Постоје различити формати слика које можете укључити у ХТМЛ код.
- ЈПГ: Слике ЈПГ формата најчешће се користе за веб странице. Овај формат представља 16, 7 милиона боја, а ЈПГ се такође може веома добро компресовати. Слика се зато може направити врло мала, што омогућава брзо време учитавања.
- ПНГ: ПНГ формат може такође да прикаже 16, 7 милиона боја и може да се компримира. Предност у ЈПГ формату је та што је компресија могућа без губитака.
- Области дефинисане у ПНГ формату такође се могу приказати транспарентно. Међутим, врло стари прегледачи имају проблема са приказивањем транспарентности.
- ГИФ: Ако желите да уметнете покретне слике са ХТМЛ-ом, погодан је ГИФ формат. Само 256 боја је приказано у овом формату и компресија се одвија аутоматски без икаквих опција подешавања.
- ГИФ формат је најприкладнији за мале, анимиране графике или логотипе. Како би се осигурало да се логотипи складно уклапају у страницу, фолије се могу користити у ГИФ формату као ПНГ.
ХТМЛ-пример
- Ово интегрише ЦХИП логотип са наше веб странице.
- Приказује се висином од 100 пиксела и ширином од 200 пиксела.
- Ако се не може учитати, „ЦХИП-Лого“ се приказује као празан текст.
- Слика је уоквирена оквиром са два пиксела.
- Право је поравнање и удаљено је 50 пиксела од осталих бочних елемената.