Attributes

HTML attributes are instructions that are placed inside the opening tag of an HTML element. These attributes modify the default setting of an element by adding additional features to it.

Attributes consist of a name and a value. The name describes the type of attribute, while the value, which can be enclosed in double or single quotation marks, determines the rate of changes that can be applied to the element.

Syntax

The syntax for adding attributes to an HTML element is as follows:

<tagname attribute="value"></tagname>

to clipboard
Copy to clipboard

Note: Attribute names are not case-sensitive, but it is good practice to write HTML markup in lowercase.

Examples

Image Attributes

Using an <img> tag, which is commonly used to display images, reveals several attributes, such as ‘src,width, andheight`. These attributes exert significant influence over the manner in which the image appears on the web page. For example, when the dimensions of an element are specified, its size will be maintained when rendered by a browser.

<img src="source_of_image.png" width="500" height="600" />

to clipboard
Copy to clipboard

disabled Attribute

The disabled attribute is applied to form elements like buttons and inputs to make them nonfunctional:

<button disabled>Submit</button>

to clipboard
Copy to clipboard

This is the output of the above code snippet: