HTML é onipresente na Internet-usado para criar páginas da web e aplicativos da web em todo o mundo. Parte de seu poder vem com a ajuda de diferentes tags HTML ; disponível no idioma. Neste artigo, discutiremos a tag de imagem HTML, que é usada para inserir uma imagem em uma página da web e melhorar sua aparência.
Neste artigo, discutiremos:
O que é HTML tag ? Como inserir uma imagem de sua unidade local Copiando o URL da imagem Atributos da tag de imagem Definindo o alinhamento da imagem Adicionando um hiperlink a uma imagem Definindo uma borda da imagem
Curso Full Stack Java Developer
O Gateway to Master Web Development Explorar curso 
O que é HTML ![]()
tag?
Uma imagem HTML (
A tag tem dois atributos obrigatórios:
src-especifica o caminho da imagem. alt-Este é um texto alternativo que será exibido no lugar da imagem se a imagem não puder ser exibida por algum motivo.
Como inserir uma imagem?
Existem duas maneiras diferentes de adicionar imagens à sua página da web:
Da sua unidade local Copiando o URL da imagem
1. Da sua unidade local
Para adicionar imagens da sua unidade local, você precisa salvar a imagem na mesma pasta onde o seu arquivo HTML está localizado.
Em seguida, adicione a imagem digitando o nome do arquivo de imagem com o formato de imagem adequado.
Isso produzirá o seguinte resultado:
Nota: Lembre-se de que o nome da imagem sempre diferencia maiúsculas de minúsculas. Certifique-se de especificar o nome do arquivo de imagem correto no atributo src.
Você pode usar os formatos JPEG, PNG e GIF, dependendo de seus requisitos.
2. Copiando o URL da imagem
Você também pode adicionar a imagem copiando o URL dessa imagem.
Isso produzirá o seguinte resultado:
Esta imagem foi tirada de asianetnews.com.
Atributos da tag de imagem
A tag de imagem HTML suporta os seguintes atributos:
Definir alinhamento da imagem
Usar o atributo de alinhamento definirá o alinhamento da imagem. Por padrão, a imagem é alinhada ao lado esquerdo da página da web.
Isso produzirá o seguinte resultado:
Definir largura e altura da imagem
Você pode especificar a largura e altura da imagem de acordo com seus requisitos usando a largura e a altura atributos.
Isso produzirá o seguinte resultado:
Adicionar um hiperlink a uma imagem
Você também pode vincular uma imagem a outra página da web. Para fazer isso, use a tag dentro de uma tag .
Isso produzirá o seguinte resultado:
Ao clicar na imagem, você será direcionado para o site Simplilearn .
Aprenda as principais habilidades exigidas na indústria, incluindo Angular, Spring Boot, Hibernate, Servlets e JSPs e SOA para construir aplicativos altamente escaláveis da web com o Programa Full Stack Java Developer Masters
Definir borda da imagem
Você tem a opção de adicionar uma borda ao redor da imagem. Para fazer isso, use o atributo de borda e especifique a espessura da borda em termos de pixel.
Isso produzirá o seguinte resultado:
Avance na curva e domine o HTML hoje
Este artigo sobre tags de imagem HTML abordou as diferentes maneiras em que você pode adicionar imagens a uma página da web. Discutimos vários atributos da tag de imagem e como podemos usá-la para criar uma página da web interativa. Para saber mais sobre desenvolvimento web em sua totalidade , uma certificação é altamente recomendada, o que também pode ajudar a impulsionar sua carreira . O curso Full Stack Java Developer do Simplilearn ajuda os alunos a dominar o desenvolvimento web e várias tecnologias de desenvolvedor. Os alunos também recebem prática prática e a inscrição inclui a oportunidade de criar um aplicativo de ponta a ponta, testar e implantar código, armazenar dados usando MongoDB e muito mais.
Se você é um aspirante a desenvolvedor web e móvel, treinamento em HTML irá ampliar suas habilidades e horizontes de carreira. Você tem algumas perguntas para nós? Deixe-os na seção de comentários e nossos especialistas responderão para você.
