View video tutorial
HTML Attributes
HTML
Attributes add additional properties and behavior to HTML elements.
HTML Atrributes
➔ Attributes add extra properties to an element.
➔ Elements can have one or more attributes.
➔ Some attributes are optional and some are mandatory for an element.
➔ The beginning tag is the place where attributes are placed.
➔ Attributes are name-value pairs. So the value must be assigned to the attribute name.
Global attributes
This section describes attributes that are common to all HTML language elements
| Name | Description |
|---|---|
| accesskey | The HTML accesskey attribute defines a keyboard shortcut for activating or focusing an element |
| class | Assigning one or more class names to an HTML element |
| contenteditable | The HTML contenteditable attribute specifies whether the content of an element is editable by the user. |
| dir | The dir attribute is used to specify the text direction of the element's content. |
| draggable | This attribute is used to specify whether an element can be dragged by the user. |
| hidden | Specifies that the element is hidden. |
| id | A unique identifier for the element. |
| lang | Specifies the primary language for the contents of the element. |
| spellcheck | This spellcheck attribute specifies whether the spelling and grammar of an element should be checked by the browser. |
| style | Specifies zero or more CSS declarations applicable to the element. |
| tabindex | Allows developers to control the focus order of elements on a webpage. |
| title | It provides information about the element, usually displayed as a tooltip, when the user places the mouse cursor over the element. |
Learning with HTML Editor "Try it Now"
You can edit the HTML code and view the result using online editor.
The src Attribute
<img src="puppy.jpg">
The width and height Attributes
<img src="puppy.jpg" width="250" height="300">
The alt Attribute
<img src="puppy.jpg" width="250" height="300" alt="The nice puppy">
The href Attribute
<a href="https://w3context.com">Welcome to w3context</a>
The target Attribute
<a href="https://w3context.com" target="_blank">Welcome to w3context</a>
The style Attribute
<h3 style="color:red;">This is a paragraph.</h3>
The title Attribute
<p title="Title goes here.">Title is a global attribute.</p>
Example
<!DOCTYPE html>
<html>
<head>
<title>HTML Attribute Example</title>
</head>
<body>
<h2>HTML Attribute Example</h2>
<p title="Title goes here.">Title is a global attribute.</p>
</body>
</html>
Click on the "See output" button to see how it works.
Note: For a complete list of all available HTML attribute list, visit HTML Attribute List