Как да вмъкнете текст в изображение с HTML

Стъпка 1

Отворете своя HTML редактор. Изберете "Файл" и "Нов" в навигационната лента на програмата. На екрана ще се покаже празен HTML документ.

Стъпка 2

Кодирайте нова таблица. Задайте свойствата, границата, cellspacing и cellpadding на 0. Това ще позволи на клетките в таблицата да бъдат изравнени с изображението.

например:

Стъпка 3

Въведете набор от данни и етикети за редове в таблицата. Регулирайте височината и ширината на данните в таблицата с размерите на вашето изображение.

например:

Стъпка 4

Добавете фон = "ImageLink" в кода за данни на таблицата. Променете "imageLink" на URL адреса на вашето изображение и запазете кавичките. Това задава изображението като фон на таблицата.

например:

Стъпка 5

Изберете място за показване на текста. Текстът ще се покаже в долната, горната или в центъра на изображението. Добавете valign = "bottom" към кода на данните в таблицата, за да установите позиционирането. "Valign" се отнася до вертикално изравняване. Променете "отдолу" на "средно" или "отгоре", въз основа на планираното Ви местоположение.

например:

Стъпка 6

Напишете желания текст между етикетите за отваряне и затваряне на данните в таблицата.

например:

текст

Стъпка 7

Запазете HTML документа Прегледайте страницата в уеб браузъра, преди да го качите на сървъра си.