HTML Attributes

HTML attributes are special values that can be added to HTML elements to provide additional information or functionality to those elements. Attributes are added to an HTML tag using the syntax:

<tagname attribute_name="attribute_value">

Attributes can be categorized into several types:

1. Global attributes: These attributes can be used on any HTML element and include commonly used attributes like “class”, “id”, “style”, “title”, “tabindex”, “hidden”, etc.
2. Event attributes: These attributes are used to define JavaScript code that should be executed when a specific event occurs. Examples include “onclick”, “onmouseover”, “onload”, etc.
3. Form attributes: These attributes are used to define input elements within HTML forms. Examples include “name”, “value”, “type”, “placeholder”, etc.
4. Media attributes: These attributes are used to define media elements such as images and videos. Examples include “src”, “alt”, “width”, “height”, “autoplay”, etc.

Here are some examples of HTML elements with attributes:

<img src="image.jpg" alt="An image" width="500" height="400">
<a href="https://www.example.com" target="_blank" class="link">Visit Example</a>
<input type="text" name="username" id="username" placeholder="Enter your username">
<video src="video.mp4" controls width="640" height="480"></video>