Atributos HTML fornecem informações adicionais sobre elementos HTML.
Atributos HTML
Todos os elementos HTML podem ter atributos
Atributos fornecem informações adicionais sobre elementos
Os atributos são sempre especificados na tag inicial
Os atributos geralmente vêm em pares nome / valor, como: name = “value”
O atributo href
A <a>tag define um hiperlink. O hrefatributo especifica o URL da página para a qual o link vai:
Exemplo:
<a href="https://www.joemaster.com.br">Visite o site</a>
O atributo src
A <img>tag é usada para incorporar uma imagem em uma página HTML. O src atributo especifica o caminho para a imagem a ser exibida:
Exemplo
<img src="https://www.joemaster.com.br/tutoriais/wp-content/uploads/2020/06/tutorial-de-html-introducao-300x133.png">
Atributos de largura e altura
A <img>tag também deve conter os atributos widthe height, que especificam a largura e a altura da imagem (em pixels):
<img src="https://www.joemaster.com.br/tutoriais/wp-content/uploads/2020/06/tutorial-de-html-introducao-300x133.png" width="500" height="600">
O atributo alt
O alt atributo necessário para a <img> tag especifica um texto alternativo para uma imagem, se a imagem, por algum motivo, não puder ser exibida. Isso pode ocorrer devido à conexão lenta ou a um erro no src atributo ou se o usuário usa um leitor de tela.
Exemplo
<img src="https://www.joemaster.com.br/tutoriais/wp-content/uploads/2020/06/tutorial-de-html-introducao-300x133.png" width="500" height="600" alt="Tutorial HTML">
Se a imagem não existir, da esse erro
<img src="https://www.joemaster.com.br/tutoriais/wp-content/uploads/2020/06/ismg_5efb3bb883044-300x133.png" width="500" height="600" alt="Tutorial HTML">
O atributo Atributo
O styleatributo é usado para adicionar estilos a um elemento, como cor, fonte, tamanho e muito mais.
Exemplo
<p style="color:red;">This is a red paragraph.</p>
O atributo lang
Você sempre deve incluir o lang atributo dentro da <html> tag, para declarar o idioma da página da Web. Isso serve para ajudar os mecanismos de busca e navegadores.
O exemplo a seguir especifica inglês como idioma:
<!DOCTYPE html>
<html lang="en">
<body>
...
</body>
</html>
O título Atributo
O title atributo define algumas informações extras sobre um elemento.
O valor do atributo title será exibido como uma dica de ferramenta quando você passa o mouse sobre o elemento:
Exemplo
<p title="Eu so paragrafo">This is a paragraph.</p>
Sempre feche os atributos conforme acima
Um exemplo ruim seria
<p title=Eu so paragrafo>This is a paragraph.</p>
Pode-se usar aspas simples ou duplas, sendo essa segunda a melhor e mais comum.
Resumo do capítulo
Todos os elementos HTML podem ter atributos
O href atributo de <a>especifica o URL da página para a qual o link vai
O src atributo de <img>especifica o caminho para a imagem a ser exibida
Os widthe height atributos de <img>fornecer informações de tamanho para imagens
O alt atributo de <img>fornece um texto alternativo para uma imagem
O styleatributo é usado para adicionar estilos a um elemento, como cor, fonte, tamanho e mais
O lang atributo da <html>tag declara o idioma da página da Web
O title atributo define algumas informações extras sobre um elemento
<< Anterior Elementos HTML lista completa
Deixe um comentário