Инструкция
1
Надпись, называемая кликабельной, должна привлекать внимание пользователя и выделяться на фоне остального контента страницы. Не стоит забывать, что элемент обязан иметь определенный функционал, а пользователь должен знать, в какой пункт меню он попадет после нажатия на данную ссылку.
2
Чтобы создать кликабельную надпись, вы можете воспользоваться графическими элементами. Нарисуйте подходящую вашему цветовому оформлению сайта кнопку с надписью на ней в любом графическом редакторе. Вы также можете воспользоваться готовыми графическими решениями в сети интернет, посетив сайты, посвященные рисованию изображений для веб-мастеров.
3
Загрузив картинку, необходимо вставить ее в HTML-код страницы. Для этого откройте документ сайта в текстовом редакторе, кликнув правой клавишей мыши на файле и выбрав раздел «Открыть с помощью». В появившемся списке приложений укажите редактор, которым вы пользуетесь для редактирования страниц. Вы также можете воспользоваться стандартным в Windows «Блокнот».
4
Перейдите на тот участок кода, в который вы бы хотели произвести вставку надписи. После этого впишите соответствующий дескриптор. Например:
5
Данный код создаст ссылку в виде графического элемента, где «адрес_для_перехода» - страница, на которую будет переадресован пользователь после нажатия на надпись. «Путь_до_картинки» - место, где размещен файл вашей кнопки. Чтобы избежать трудностей при поиске изображения, поместите его в одну директорию с файлом страницы и в параметре src укажите точное название. В параметрах width и height указывается размер картинки в пикселях, например, 100 и 50.
6
Сохраните изменения в файле и откройте его в браузере через меню «Открыть с помощью». Создание кликабельной надписи завершено. Если картинка не отображается, проверьте правильность написания кода и указанный путь до картинки.
Источники:
- Создание кнопок для сайта
