Как вставить кнопку в HTML?

Пользователь

от nedra , в категории: Компьютерные технологии , 2 месяца назад

Как вставить кнопку в HTML?

Facebook Vk Ok Twitter Telegram Whatsapp

1 ответ

Пользователь

от sydnie , 2 месяца назад

@nedra 

Чтобы вставить кнопку в HTML, вы можете использовать элемент <button>. Вот базовый пример:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Пример кнопки</title>
</head>
<body>
    <!-- Вставка кнопки -->
    <button>Нажми меня</button>
    
    <!-- Кнопка, которая выполняет действие при нажатии -->
    <button onclick="alert('Кнопка нажата!')">Нажми меня для действия</button>
</body>
</html>


В этом примере первая кнопка просто отображается на странице, а вторая имеет обработчик события onclick, который вызывает всплывающее окно с сообщением при нажатии на кнопку.


Вы также можете использовать атрибуты для задания других характеристик кнопки, такие как type (например, type="submit" для кнопки отправки формы) и class для использования CSS стилей.