lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

webIntroHtmlChapter3Title

lesson11Title

lesson12Title

webIntroHtmlChapter1Title

webIntroHtmlChapter2Title

webIntroHtmlChapter4Title

# button Tag

The `<button>` tag is used to create interactive buttons in a web page that users can interact with.

For example, when a user clicks a button, it may trigger actions such as sending data to a server or navigating to another page.

<br />

```html title="Example of using the button tag"
<button>Click Me!</button>
```

The code above creates a button with the text "Click Me!".

<br />

## Adding functionality to a button

By itself, a button is just a clickable element. To make it perform a specific action, you need to use a scripting language like JavaScript.

For example, to display an alert message when the button is clicked, you can write the code as follows:

```html title="Display an alert message on click"
<button onclick="alert('Button was clicked!')">Click Me!</button>
```

<br />

Follow the emphasized parts of the code to implement it.

The `<button>` tag creates a button that users can click to send data to the server or perform actions such as page navigation. This tag is a crucial element for enhancing interactivity on web pages.

### The `<button>` tag is used to create a button that enables user interaction on a web page.

button Tag

Adding functionality to a button

The <button> tag is used to create a button that enables user interaction on a web page.

The `<button>` tag is used to create a button that enables user interaction on a web page.