Решено: кнопка html href

Основная проблема, связанная с HTML href кнопки, заключается в том, что может быть сложно оформить кнопку таким образом, чтобы она выглядела одинаково в разных браузерах. Кроме того, при использовании тега привязки с атрибутом href ссылка будет открываться в том же окне по умолчанию, что может быть нежелательно для некоторых типов ссылок. Наконец, если атрибут href настроен неправильно, нажатие на кнопку может привести к отображению страницы с ошибкой.

<button><a href="">Click Here</a></button>

1. Эта строка кода создает элемент кнопки в HTML.
2. Внутри элемента кнопки есть тег привязки с пустым атрибутом href.
3. Тег привязки содержит текст «Нажмите здесь».

Определение HREF

HREF расшифровывается как гипертекстовая ссылка и является атрибутом HTML, используемым для определения гиперссылки. Он используется для ссылки одной страницы на другую, либо на том же веб-сайте, либо на другом веб-сайте. Атрибут HREF указывает место назначения ссылки и может использоваться с другими элементами HTML, такими как , качества

.

Могу ли я использовать HREF в кнопке HTML

Нет, невозможно использовать атрибут href в элементе кнопки в HTML. Элемент кнопки не поддерживает атрибут href. Тем не менее, вы можете использовать JavaScript, чтобы добавить к кнопке прослушиватель событий щелчка, который будет переводить пользователя на другую страницу при нажатии.

Как оформить href как кнопку

Чтобы оформить тег привязки как кнопку в HTML, вы можете использовать следующий код:

текст кнопки

Затем добавьте в таблицу стилей следующий CSS:

.кнопка {
цвет фона: #4CAF50; /* Зеленый */
граница: нет;
белый цвет;
обивка: 15px 32px;
выравнивания текста: центр;
текстовое оформление: нет;
отображение: встроенный блок; размер шрифта: 16px; поля: 4px 2px; курсор: указатель;}

Похожие посты:

Оставьте комментарий