Como adicionar uma imagem em html
Como adicionar imagens em html
Para adicionar imagens às páginas da web, use o marcação. Esta tag está vazia e consiste em certos atributos e não tem tag final.
Os atributos da tag são; o src atributo que é usado para definir o caminho da imagem e o alt o atributo é usado como um texto alternativo em cenários quando a imagem não é carregada devido a algum problema.
Aqui mostramos como usar esta tag para adicionar imagens.
Html
No código acima, estamos adicionando três imagens à página da web usando a tag. Em cada tag, o caminho das imagens foi fornecido ao atributo SRC e um texto alternativo foi adicionado a essas tags. Além disso, também estamos fornecendo uma certa largura e altura para as imagens.
Saída
Imagens foram adicionadas à página.
Como ajustar a largura e a altura da imagem
Se você deseja alterar a largura e a altura de uma imagem, basta usar as propriedades de largura e altura dentro da tag.
Html
O código acima adicionará imagens à página da web com a largura e a altura especificadas usando as propriedades de largura e altura.
Saída
Ambas as imagens têm diferentes larguras e alturas.
Como adicionar imagens de outra pasta
Se as imagens que você deseja incorporar na sua página da web estiverem presentes em outra pasta, como mostrado na captura de tela abaixo, adicione o nome da pasta no atributo src.
As imagens estão presentes na pasta chamada "imagens".
Html
Para demonstrar adequadamente como adicionar imagens de outra pasta, anexamos uma captura de tela do editor de código. A seção destacada em vermelho mostra que as imagens estão presentes em outra pasta que está presente ao lado do arquivo html. O nome da pasta junto com o nome da imagem e o formato estão sendo fornecidos ao atributo src da tag, como destacado em verde.
Saída
A imagem foi adicionada de outra pasta.
Como adicionar imagens de outra página da web
Para adicionar imagens de outra página da web ou fonte, você deve fornecer o URL completo dessa fonte ao atributo src da tag.
Html
O código acima buscará a imagem do URL especificado e a adicionará à nossa página da web.
Saída
A imagem foi adicionada com sucesso de outra página da web.
Como adicionar imagens como links
Se você deseja redirecionar seu usuário para outra página da web, você pode usar imagens para executar esta tarefa.
Html
No código acima, estamos em primeiro lugar, fornecendo o link da página da web que queremos redirecionar nossos usuários e fornecendo esse link para o atributo href da tag e depois aninhando nossa imagem, que é um gif neste caso dentro da âncora marcação.
Saída
Quando o usuário clica na imagem, ele/ela será redirecionado para a página da web fornecida como link na tag âncora.
Conclusão
Com o objetivo de adicionar imagens em html, use o marcação. Esta tag está vazia, não possui tag final e consiste em dois atributos necessários que são; o atributo src e o atributo alt. O atributo SRC é usado para indicar o caminho da imagem, enquanto o atributo alt indica um texto exibido como alternativa, caso a imagem não seja carregada devido a algum problema. Usando esta tag, você pode adicionar imagens de outra pasta ou de outro site ou usá -las como links.