HTML: создание кнопок

Для создания кнопок в 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.

Powered by Simple Blog