Додај веб-потпис што останува со неговата слика

Додајте HTML наслови на веб-слики во 9 лесни чекори

Сликите додаваат живот на вашите веб страни и привлекуваат внимание на гледачите. Насловите обезбедуваат дополнителни информации за вашите веб-слики, но може да биде тешко да се додадат на веб-страници без напредни вештини за HTML и CSS. Еве еден сигурен метод за додавање едноставен, а сепак привлечен, насловот на сликата која останува со сликата секаде каде што ќе ја преместите на веб-страницата.

9 чекори до потпис на HTML слика

Додајте наслов на сликата и преместете ги заедно каде и да сакате:

1. Додајте слика на вашата веб страница.
2. Во HTML за вашата веб страница, ставете ознака div околу сликата:
3. Додај атрибут на стил на тагот за div:
   style = "" >
4. Поставете ја ширината на divто на иста ширина како и сликата, со својство на ширина :
   width: image width px; ">
5. За насловите кои се малку помали од околниот текст, додадете својство на фонт со големина на стилот div:
6. Насловите изгледаат најдобро ако се центрирани под сликата, па додадете својство на текст на атрибутот стил:
   text-align: center; "> < img src = "URL" alt = "алтернативен текст" width = "width" height = "height" />
7. Конечно, додадете малку повеќе простор помеѓу сликата и насловот, со додавање на атрибут на стил на сликата со својство на стил на допирање:
   style =" bottom-bottom: 0.5em; " />

1. Потоа додадете текстуален наслов директно под сликата: Ова е мојот наслов

Поставете ја веб-страницата на вашиот сервер и тестирајте ја во прелистувачот.

Совети за титлување

• Ширина : CSS димензиите можат да бидат во многу различни мерења, па обично мора да го вклучите типот на мерење. На пример: Ширина: 100 px ; Сепак, димензиите на HTML-слики се секогаш во пиксели, така да го оставите исклучено. ширина = "100"
• Ако ја направите ширината на поделбата поширока од ширината на сликата, насловот може да се појави покрај сликата. Ако ова е она што го сакате, додадете ознака
  директно пред насловот и после сликата.