Atributos HTML
Este artigo fornecerá uma visão geral completa dos atributos HTML que ajudarão o usuário a entender a importância dos atributos HTML no desenvolvimento da Web. Para esse fim, implementaremos alguns dos principais atributos dos elementos HTML e teremos um melhor entendimento.
Existem alguns atributos que são utilizados com frequência na maioria dos elementos, como eu ia, título, estilo, e aula. Esses atributos são comumente conhecidos como atributos principais. Vamos discuti -los um por um e depois, abordaremos mais alguns atributos que fornecem propriedades cruciais aos elementos html.
atributo de identificação em html
O atributo de identificação fornece exclusividade a qualquer elemento HTML. Por exemplo, temos dois elementos HTML com um nome semelhante, então podemos identificar ou diferenciar esses elementos com base no atributo de identificação.
ATRIBUIÇÃO DE ID 1
Atributo da identificação 2
Neste exemplo, queremos criar dois títulos com estilos diferentes. Podemos fazer isso atribuindo diferentes “ids”Para os elementos. O código acima fornecerá a seguinte saída:
atributo de título em html
O atributo de título fornece um título específico para o elemento HTML. No entanto, seu comportamento depende do elemento que está segurando o “título”Atributo. Na maioria das vezes, funciona como uma dica de ferramenta, o que significa que sempre que alguém move o cursor sobre esse elemento, ele exibirá o valor do atributo de título como uma dica de ferramenta.
Este é o atributo html
A saída abaixo dada verificará que, quando movermos o cursor sobre o elemento, ele mostra o valor do título atributo:
atributo de estilo em html
O atributo de estilo fornece características como cor, tamanho da fonte, borda, etc. para qualquer elemento HTML:
Atributos HTML
Neste exemplo, criamos um elemento de parágrafo e atribuímos alguns atributos. Como resultado, ele fornecerá a seguinte saída:
atributo de classe em html
O atributo de classe é utilizado para definir uma classe para um único ou múltiplo elementos HTML. Refere -se ao nome da classe em folhas de estilo.
Neste exemplo, criamos dois elementos HTML e usamos o atributo de classe. Ambos os elementos terão o mesmo estilo definido na classe:
Empregado 1
Primeiro funcionário vive no Reino Unido
Empregado 2
Segundo funcionário vive nos EUA
Como os dois elementos HTML estão acessando a mesma classe, os dois elementos seguirão o mesmo estilo e a saída resultante será:
atributo src em html
Um dos atributos HTML mais utilizados é o “src”Atributo, ele carrega o link de uma imagem de origem. Este link pode ser um link absoluto ou um link relativo.
O termo link absoluto refere -se a URL de uma imagem online, enquanto o link relativo se refere ao caminho da imagem colocado localmente.
Por exemplo, se um usuário deseja incorporar uma imagem em uma página, ele utilizará o marcação. Mas não seria suficiente, precisamos adicionar o caminho dessa imagem também.
Agora considere o seguinte código para descobrir como o src O atributo será incorporado à tag de imagem:
No código HTML acima, o nome da imagem junto com seu caminho é atribuído ao src marcação.
atributo alt em html
O termo alt significa alternativo. Isso é usado no elemento como um atributo. Um atributo que fornecerá um texto alternativo para a imagem se a imagem não carregar corretamente por qualquer motivo.
Agora ele exibirá uma mensagem alternativa se o “John.O arquivo png ”não é carregado por qualquer motivo, como mostrado no snippet seguinte:
atributo Lang em html
O elemento leva um Lang atributo que determina o idioma da página da web. Este atributo facilita os mecanismos de pesquisa para encontrar as páginas da Web específicas para o idioma:
O código acima especifica o idioma francês para a página da web.
atributo href em html
HREF significa a referência de hipertexto e é utilizado para adicionar o URL de qualquer página da web. É utilizado dentro da tag:
Bem -vindo ao Linuxhint
Na saída, ele gerará um link como mostrado no snippet abaixo:
Clicar no link acima nos levará a um site, conforme mostrado na seguinte saída:
Conclusão
Os atributos HTML definem algumas características adicionais para os elementos HTML. O objetivo de usar os atributos com diferentes elementos HTML é projetar uma página da web mais clara, clara e bem formatada.
Este artigo oferece uma imagem detalhada dos atributos HTML. Iniciando metade deste artigo cobre os principais atributos onde discutimos como usar eu ia, título, estilo, e aula atributos em elementos HTML. Enquanto a segunda metade fornece alguns atributos bem conhecidos, onde descobrimos como usar src e alt atributos ao incorporar qualquer imagem com a página da web.