Atributos HTML
Atributos HTML
1. Atributos Básicos
-
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:
<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:
-
<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:
-
<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:
-
<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:
-
<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 elementosinput
. Pode ser "text," "number," "email," etc.Exemplo:
-
<input type="text" name="nome" placeholder="Seu Nome">
-
value
: Define o valor inicial de um elemento do formulário.Exemplo:
-
<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:
-
<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.
No Comments