06:44
1,0×
00:00/06:44
486,3 тыс смотрели · 4 года назад
268 читали · 1 год назад
Как сделать кнопку в HTML?
Добрый день. Сегодня рассмотрим как просто сделать красивую кнопку на HTML и добавить к ней стили. Итак, приступим... Для начала, как всегда, создаем файл test.html в любом месте нашего ПК. Открываем наш файл test.html и вставляем строку подключения нашего файла со стилями: <head> <link rel="stylesheet" href="styles.css"> </head> Далее мы прописываем нашу кнопку: <body> <button class="custom-btn btn-2">Кнопка</button> </body> Но без стилей наша кнопка выглядит очень скучно, исправим это. Открываем наш файл styles...
Тема 8. Как создавать интерактивные элементы в HTML?
Эта тема объединяет методы создания интерактивных элементов, которые повышают удобство использования сайта. <button onclick="document.getElementById('modal').style.display='block'">Открыть окно</button> <div id="modal" style="display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 20px; border: 1px solid #000;"> <p>Это модальное окно.</p> <button onclick="document.getElementById('modal').style.display='none'">Закрыть</button> </div>...