In HTML, you can create buttons using the <button> element. Buttons are commonly used to trigger actions when clicked, and they can contain text, images, or other HTML elements. 

Here's a basic example:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML Button Example</title>
</head>
<body>

    <button>Click me</button>

</body>
</html>

In this example, a simple button with the text "Click me" is created using the <button> element.

You can also use the type attribute to specify the type of the button. Common values for the type attribute are:

  1. submit: Submits the form data to the server.
  2. reset: Resets the form controls to their default values.
  3. button: (default) Represents a clickable button.

Here's an example with different button types:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML Button Types Example</title>
</head>
<body>

    <button type="button">Click me</button>
    <button type="submit">Submit</button>
    <button type="reset">Reset</button>

</body>
</html>

In this example:

  • The first button has the default type, which is a clickable button.
  • The second button has a type of "submit," indicating that it will submit the form.
  • The third button has a type of "reset," indicating that it will reset the form.

You can customize buttons further by adding attributes and using CSS for styling. Additionally, buttons can include JavaScript event handlers to perform actions when clicked.