HTML: создание кнопок
![calendar](/blog/templates/default/images/calendar_blue.png)
![heart](/blog/templates/default/images/heart.png)
![question](/blog/templates/default/images/question.png)
Для создания кнопок в HTML используются два тега:
-
Тег <input>:
<html>
<head>
<meta charset="utf-8">
<title>Кнопка поиска</title>
</head>
<body>
<form>
<p><input type="button" value=Найти></p>
</form>
</body>
</html>
-
Тег <button>:
<html>
<head>
<meta charset="utf-8">
<title>Кнопка поиска</title>
</head>
<body>
<form>
<p><button>Загрузить</button>
<button>
<img src="image/01.png" alt="" style="vertical-align:middle">
Кнопка поиска
</button></p>
</form>
</body>
</html>
Обратите внимание на то, что тег <button> позволяет поместить на кнопку любой элемент, например, картинку. Для создания нестандартных кнопок используется CSS.
![soc-1](/blog/templates/default/images/soc-1.png)