Зміст
рецензував
Ось надійний метод для додавання простого, але привабливого підпису до зображення, яке залишається із зображенням, де б ви не переміщували його на веб-сторінці.
Кроки до підпису HTML-зображення
-
Додайте зображення на свою веб-сторінку.
-
У HTML для своєї веб-сторінки розмістіть тег Div навколо зображення:
-
Додайте атрибут стилю до тегу div:
style = ""> -
Встановіть ширину div на ту ж ширину, що і зображення, із властивістю стилю width:
-
Для підписів, трохи менших за навколишній текст, додайте властивість розміру шрифту до стилю div:
-
Титри найкраще виглядають, якщо вони розташовані в центрі нижче зображення, тому додайте властивість вирівнювання тексту до атрибуту стилю:
-
Нарешті, додайте трохи додаткового простору між зображенням та підписом, додавши атрибут стилю до зображення із властивістю стилю "нижнє":
style = "padding-bottom: 0,5em;" />
-
Потім додайте текстовий підпис безпосередньо під зображенням:
Завантажте веб-сторінку на свій сервер і протестуйте її в браузері.
Поради щодо підпису
Розміри CSS можуть бути в самих різних вимірах, тому зазвичай потрібно включати тип вимірювання. Наприклад:
Однак розміри зображень HTML завжди в пікселях, тому ви залишаєте вимірювання вимкненим.
Якщо ви зробите ширину знака, що перевищує ширину зображення, поруч із зображенням може з’явитися підпис. Якщо це те, що ви хочете, то додайте
тег безпосередньо перед підписом та після тегу зображення.
