Урок 2.7. Основы HTML. Часть 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...
Красивая ссылка в html css.
С помощью стилей ссылку на вашей страничке в html, можно украсить различными способами, например придать ей объем, цвет фона и даже сделать ее анимированной! Таким образом такую ссылку-кнопку будет сложно не заметить и кто-нибудь обязательно заинтересуется, что же она за собой скрывает. Для начала создадим простую ссылку, которую будем дальше форматировать. Создается она с помощью тега <a> и атрибутом href="путь ссылки". От себя еще добавлю атрибут target="_blank", чтобы при нажатии на ссылку она открывала новое окно в браузере...