Ссылка как кнопка html
Обучаемся создавать ссылки в HTML и делать их похожими на кнопки. Узнаем, как использовать теги и
Создание ссылки в HTML для представления как кнопки - очень простая задача. Для этого достаточно задать атрибуту class="button"
тегу <a>
и дать ссылке нужный стиль. Например, для создания кнопки с белым цветом фона и синим цветом текста, код должен выглядеть следующим образом:
<a href="http://example.com" class="button">Нажмите меня</a>
Далее, необходимо добавить стили в ваш документ. В этом случае мы можем использовать тег <style>
, который должен быть размещен между тегами <head>
и <body>
в вашем HTML документе.
<style type="text/css">
.button {
background-color: #FFFFFF;
color: #0000FF;
}
</style>
В стиле указано, что кнопка имеет белый цвет фона и синий цвет текста. Данные стили также могут быть заданы в отдельном файле CSS, который можно подключить к документу с помощью тега <link>
.
Заключение
Таким образом, с помощью тега <a>
и атрибута class="button"
можно легко создать ссылку, которая будет отображаться как кнопка. Для этого необходимо добавить к ней стили, которые могут быть заданы в отдельном файле CSS или в пределах тега <style>
в HTML документе.