Как да превърнете хипервръзка в бутон?

Въведение

Една от най‑основните функции в уеб‑страниците са хипервръзките – сините подчертани думи, които при клик отварят друга страница. След като усвоите създаването им, вероятно ще искате да разнообразите дизайна, като вместо текст използвате бутони.

Метод 1 – Изображение

Най‑лесният начин е да замените текста с изображение, което изглежда като бутон. Създайте или изберете PNG/JPG/GIF файл, качете го на сървъра и използвайте следния код:

<a href=\"target-page.html\"><img src=\"button-image.png\" alt=\"Бутон\"></a>

Така при клик върху изображението потребителят ще бъде пренасочен към зададения адрес.

Метод 2 – Форма

Алтернативно решение е да използвате елемент <form>. Този подход позволява да зададете произволен текст на бутона без нужда от графика.

<form method=\"get\" action=\"target-page.html\">
    <input type=\"submit\" value=\"Натисни тук\">
</form>

Атрибутът action указва къде да се пренасочи, а value задава текста, който се вижда върху бутона.

Заключение

И двете техники са съвместими с всички съвременни браузъри. Изберете тази, която най‑добре отговаря на вашия дизайн и технически възможности.