lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

webIntroHtmlChapter3Title

lesson11Title

lesson12Title

webIntroHtmlChapter1Title

webIntroHtmlChapter2Title

webIntroHtmlChapter4Title

# ID Selector

In HTML, an id is a **selector** used to uniquely identify a specific HTML element.

It is primarily used to give a particular element a `unique id` so that it can be selected and manipulated through CSS or JavaScript.

Because of this uniqueness, multiple HTML elements cannot share the same id.

An `id` selector is defined by preceding it with a `#` as shown below:

```html title="Example of using HTML id"
<style>
  #intro {
    font-size: 24px;
    font-weight: bold;
    color: green;
  }
</style>

<p id="intro">Welcome</p>
```

The code above selects the HTML element with the id `intro` using `#intro`, applying the styles specifically to that element.

Note that ids are case-sensitive. Thus, `Intro` and `intro` are considered different ids.

However, by convention, `lowercase` is typically used for ids.

In HTML, the id is an identifier that can uniquely identify a specific element. This identifier allows CSS or JavaScript to select and manipulate the element.

### What does the id in HTML uniquely identify?