Attributes
HTML attributes provide additional information about HTML elements.
Attributes are always included in the opening tag of an HTML element and are used to modify the element's behaviour, appearance, or provide metadata.
Attributes are added to an HTML element within the opening tag and consist of a name and a value.
Lets see how html attributes were gets used.
elementName: The name of the HTML element.
attributeName: The name of the attribute.
attributeValue: The value assigned to the attribute
Syntax:
<elementName attributeName="attributeValue"> content in between elements </elementName>
Check with single attribute name in element
Single Example:
<a href="https://www.instanests.com"> Instanests Link Text </a> <img src="/logo-192x192.png" style="height: 192px" alt="App Logo" /> // src: -> url of the image
Output:
Check with multiple attribute name in elements
Multiple Attributes Example:
<input type="text" value="Alice" placeholder="Enter First Name" /> <img src="/logo-192x192.png" height="200px" width="200px" alt="app logo" /> // src: IMAGE URL GOES IN SRC
Output:
Check with common attribute name in elements
Common Attribute Example:
<input class="input-class" id="input-id" type="text"
value="Alice" placeholder="Enter First Name" />
<img class="image-class" id="img-id"
src="IMAGE URL GOES HERE" height="200px" width="200px" />