Слике додају живот на своје веб странице и скрећу пажњу гледаоца. Написи пружају додатне информације о вашим веб сликама, али их је тешко додати на веб странице без напредних вјештина ХТМЛ и ЦСС. Ево поузданог начина додавања једноставног, али атрактивног наслова на слику која остаје са сликом гдје год да га премјестите на веб страници.
Кораци до ХТМЛ слике
-
Додајте слику на своју веб страницу.
-
У ХТМЛ-у за своју веб страницу поставите ознаку див око слике:
-
Додајте атрибу стила за таг таг:
стиле = ""> -
Подесите ширину дива на исту ширину као и слика, са својством стила ширине:
-
За наслове који су нешто мањи од окружног текста, додајте величину слова величине у див стиле:
-
Написи изгледају најбоље ако су центрирани испод слике, па додајте текстуално прилагођавање особине атрибуту стила:
-
Коначно, додајте мало додатног размака између слике и наслова, додајући атрибу стила слици помоћу својства стила паддинг-боттом:
стиле = "паддинг-боттом: 0.5ем;" />
-
Затим додајте наслов текста директно испод слике:
Отпремите веб страницу на свој сервер и тестирајте је у прегледачу.
Написи за напајање
- Димензије ЦСС-а могу бити у различитим мерењима, тако да обично морате укључити тип мерења. На пример:
ширина: 100пк; Међутим, димензије ХТМЛ слике су увек у пикселима, тако да оставите мерење искључено.
видтх = "100"
- Ако ширину ширине ширите од ширине слике, наслов се може појавити поред слике. Ако је то оно што желите, онда додајте
ознаку директно пре наслова и након ознаке слике.
