The **`<button>`** tag in HTML defines a clickable button.

# Syntax
The general syntax is:
 ```html
<button>Button Name</button>
```

Inside a `<button>` element you can put the following content:

# Adding Text 
You can add text to the HTML Button.

For example, to create a submit button you can write:
 ```html
<button type="button">Submit</button>

```


<html>
 <head>
 </head>
 <body>
   <button type="button">Submit!</button>
 </body>
</html>

codemirror

# Adding Image 

You can put an image in HTML Button.

For example, to create a image button write:
```html
<button><img src="image url"></button>
```


# HTML Attributes
HTML button have various attributes.
## Syntax
The general syntax for adding attributes to the html button is:
```html

<button type="button" attribute-name>Button Name</button>
```

## Disabled
The `disabled` attribute makes the button unusable and unclickable.

<html>
 <head>
 </head>
 <body>
   This a disabled button
   
	<button type="button" disabled>Disabled Button!</button>
 </body>
</html>

## Autofocus
The `autofocus` attribute specifies that the button should automatically get focus when the page loads.

<html>
 <head>
 </head>
 <body>
   This is an auto focus button
   
   <button type="button" autofocus>AutoFocus Button</button>
 </body>
</html>

How to insert a button in HTML

The `<button>` tag in HTML creates clickable buttons with text or images, with attributes like type, disabled, and autofocus.