Садржај

• На корак
• Метод 1 од 1: Уметање слика у ХТМЛ
• Савети
• Упозорења

Додавање слика на вашу веб страницу или профил на друштвеној мрежи је одличан начин за облачење ваше веб странице. ХТМЛ (ХиперТект Маркуп Лангуаге) има много функција за креирање веб страница, али на срећу код који требате додати слике није претежак.

На корак

Метод 1 од 1: Уметање слика у ХТМЛ

1. Отпремите своју слику на веб локацију са бесплатним хостингом, као што је Пхотобуцкет или ТиниПиц, која омогућава вруће повезивање. Хот-линк омогућава директну везу слике са сервером веб локације; неки провајдери су ово забранили јер вруће повезивање користи њихов пропусни опсег и заузима простор на њиховим серверима.
   • Ако имате плаћени хостинг рачун, отпремите слике директно на сервер на коме је постављена ваша веб локација. Ово је увек поузданије од бесплатног сајта и уопште не мора бити скупо.
2. Отворите нови документ у уређивачу текста (нпр., Нотепад / Нотепад) или отворите страницу на својој веб локацији / профилу на којој можете директно променити ХТМЛ код.
3. Почните са имг ознака. Тхе имг ознака је празна, што значи да није потребна завршна ознака. Међутим, за проверу КСХТМЛ-а још увек можете ставити размак и косу црту испред ње веће од знак.
   • имг />
4. Доступно је много атрибута, али само један је неопходан:срц. То је локација / адреса или такође УРЛ адреса ваше слике.
   • имг срц = "УРЛ слике" />
5. Даље мораш алт додати атрибут. Ово приказује алтернативни текст, у случају да слика не успе да се учита. Ово је такође услуга за особе са оштећеним видом која користи читаче екрана.
   • Ако курсором задржите показивач изнад слике, овај текст се приказује и као опис, али то је случај само у Интернет Екплореру. Решење које ради са свим прегледачима (Фирефок и др.) је за њега наслов атрибут за употребу поред алт. (Ово друго можете изоставити ако не желите да слика има опис.)

Као пример:имг срц = "УРЛ слике" алт = "За сваки случај" титле = "Тоолтип" />

1. Сада можете означити величину слике помоћу висина и ширина атрибут и одређивањем пиксела или процента. Имајте на уму да промена величине на овај начин мења само величину приказа, а не и величину саме слике. Да бисте скратили време учитавања слике, боље је, нарочито код великих слика, унапред их променити помоћу софтвера за уређивање фотографија или помоћу мрежне услуге као што је ПицРесизе.цом.
   • имг срц = "УРЛ слике" алт = "За сваки случај" титле = "Тоолтип" хеигхт = "50%" видтх = "50%" />
   • имг срц = "УРЛ слике" алт = "За сваки случај" титле = "Тоолтип" хеигхт = "25пк" видтх = "50пк" />

Савети

• Вредност ових атрибута дата је у пикселима или у процентима, од 1-100%.
• Слика се може поставити било где на веб страници, користећи различите атрибуте форматирања као што су горњи, доњи, средњи, десни, леви итд.
• Атрибут хспаце користи се за уметање хоризонталног размака лево и десно од слике, док се вспаце атрибут користи за ослобађање простора на врху и на дну слика и других објеката.
• Не бавите се превише сликама. То изгледа неуредно и непрофесионално.
• ГИФ слике су у реду за логотипе или цртане филмове, али овај тип датотеке је мање погодан за фотографије и друге слике са више боја.
  • ГИФ слике подржавају само 8-битну боју са највише 256 боја за слику. Стога је за очекивати да репродукција 16 или 24-битне илустрације у боји или фотографије неће бити тако добра.
  • ГИФ слике такође подржавају транспарентност. Могућ је један делић прозирности, што значи да се једна боја може учинити прозирном.
  • Преплетање подржавају и ГИФ слике, што значи да ће посетилац странице добити идеју како ће слика изгледати пре него што се потпуно учита.
  • ГИФ формат такође подржава анимацију.
• Обавезно наведите да УРЛ садржи формат датотеке слике (.јпг .гиф итд.).

Упозорења

• Не Хотлинк!