In real cases when you have an HTML element on your page, you often want to add more information to the opening tag of that element, you can achieve this with attribute.
Attributes always have the <code>key="value"</code> pair syntax
let's say you want to give a unique identifier to an HTML element, you can do this by adding an <code>id</code> attribute.
<pre><code class="lang-xml">&lt;div id="main-content"&gt;
 &lt;p&gt;main content&lt;/p&gt;
&lt;/div&gt;
</code></pre>
You can have multiple attributes on an element but not a duplicate.

In real cases when you have an HTML element on your page, you often want to add more information to the opening tag of that element, you can achieve this with attribute.

**Attributes always have the** `key="value"` **pair syntax**

let's say you want to give a unique identifier to an HTML element, you can do this by adding an `id` attribute.

```xml
<div id="main-content">
 main content
</div>
```

You can have multiple attributes on an element but not a duplicate.

Understanding HTML Attributes

Table of contents

No headings in the article.