# Atributos HTML

##### **Atributos HTML**

Os atributos HTML são elementos-chave que fornecem informações adicionais sobre as tags e permitem personalizar o comportamento e a aparência dos elementos em uma página web. Vamos aprimorar a explicação dos atributos HTML:

##### **1. Atributos Básicos**

A maioria das tags HTML pode conter atributos que são definidos dentro da tag de abertura. Aqui estão alguns dos atributos básicos mais comuns:

- **`id`**: Usado para identificar exclusivamente um elemento em uma página. É frequentemente usado para fins de estilização e para referência em JavaScript.
    
    Exemplo:
    
    ```html
    <div id="minha-div">Este é um elemento com ID.</div>
    ```
- **`class`**: Permite a atribuição de uma ou mais classes a um elemento. As classes são usadas para aplicar estilos CSS ou selecionar elementos com JavaScript.
    
    Exemplo:
- ```html
    <p class="destaque">Este é um parágrafo com uma classe.</p>
    ```
- **`src`**: Usado para especificar a fonte de um elemento, geralmente uma imagem, um vídeo ou um arquivo de áudio.
    
    Exemplo:
- ```html
    <img src="imagem.jpg" alt="Uma imagem de exemplo">
    ```
- **`href`**: Usado em elementos âncora `<a>` para definir o destino de um link.
    
    Exemplo:

##### **2. Atributos Globais**

Existem atributos que podem ser usados com várias tags, chamados de "atributos globais." Alguns exemplos incluem:

- **`title`**: Define um título para um elemento, geralmente exibido como uma dica de ferramenta quando o usuário passa o cursor sobre o elemento.
    
    Exemplo:
- ```html
    <a href="https://www.exemplo.com" title="Visite o site de exemplo">Exemplo</a>
    ```
- **`style`**: Permite que você insira estilos CSS diretamente em um elemento, substituindo estilos definidos em um arquivo CSS externo.
    
    Exemplo:
- ```html
    <p style="color: blue; font-size: 16px;">Este parágrafo tem estilos embutidos.</p>
    ```

##### **3. Atributos de Controle de Formulário**

Em formulários HTML, existem atributos específicos que controlam o comportamento dos elementos do formulário, como `input`, `select` e `textarea`. Alguns exemplos incluem:

- **`type`**: Define o tipo de entrada em elementos `input`. Pode ser "text," "number," "email," etc.
    
    Exemplo:
- ```html
    <input type="text" name="nome" placeholder="Seu Nome">
    ```
- **`value`**: Define o valor inicial de um elemento do formulário.
    
    Exemplo:
- ```html
    <input type="checkbox" name="concordo" value="sim"> Concordo com os termos.
    ```
- **`required`**: Indica que um campo de formulário é obrigatório, impedindo o envio do formulário se estiver vazio.
    
    Exemplo:
- ```html
    <input type="email" name="email" required>
    ```

##### **4. Atributos de Mídia**

Elementos de mídia, como `<img>`, `<audio>`, e `<video>`, possuem atributos específicos para controlar seu comportamento, como `src`, `alt`, e `controls`.

Estes são apenas alguns exemplos dos muitos atributos HTML disponíveis. Ao explorar e entender esses atributos, você poderá personalizar o comportamento e a aparência de seus elementos HTML para atender às necessidades específicas do seu projeto.