Imagem incorporada em um elemento - html

Imagem incorporada em um elemento - html
HTML (Hypertext Markup Language) é um método padronizado para marcação de arquivos de texto, fonte, cor e formatação visual, além de vincular efeitos em sites mundiais. Ele facilita seus usuários com várias funções para executar tarefas diferentes nas páginas da web, como vincular uma página a outra página, incorporar imagens em botões, vincular botões, criar formulários e mais.

Este post explicará o procedimento para incorporar uma imagem em um elemento de botão.

Como fazer um botão simples em html?

Para fazer um botão simples em html, siga as instruções fornecidas.

Etapa 1: adicione um título

Inicialmente, adicione um título na página HTML usando o “

Etapa 2: Crie um botão

Em seguida, faça um botão simples usando a tag de botão “<botão> "E especifique uma classe"Enviar”No botão. Em seguida, defina o tamanho do botão utilizando o “largura" e "altura" atributos. Por exemplo, definimos a largura como “100px"E a altura como"50px”:

Imagem html


Pode -se observar que o botão é criado com sucesso:

Vamos seguir em direção à próxima seção para incorporar a imagem no elemento.

Como incorporar imagem no elemento?

Para incorporar uma imagem no “”Elemento, dê uma olhada nas instruções listadas:

  • Especifique a tag de imagem “<img>”Entre as tags junto com a fonte“src", Texto Alternativo "alt”“altura", e "largura" atributos.
  • O atributo de origem “src”É usado para acessar/incorporar a imagem.
  • O texto alternativo “alt”O atributo é utilizado para exibir o texto quando a imagem não é exibida devido a qualquer motivo:

Saída

Esta postagem é sobre como incorporar a imagem em um elemento de botão.

Conclusão

Para incorporar a imagem no botão, primeiro, crie um botão simples, utilizando o “" elemento. Então, entre o “”Tags, especifique o elemento da imagem“<img>" juntamente com o "src","alt","altura", e "largura" atributos. Este post explicou o método para incorporar uma imagem em um elemento de botão.