Em HTML, você pode incorporar imagens usando a tag <img>. Aqui está um exemplo básico de como fazer isso:

html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Exemplo de Imagem em HTML</title> </head> <body> <h1>Minha Página com Imagem</h1> <!-- O atributo "src" especifica o caminho para a imagem --> <img src="caminho/para/sua/imagem.jpg" alt="Descrição da imagem"> </body> </html>

Neste exemplo:

  • O atributo src na tag <img> especifica o caminho para a imagem. Pode ser um caminho relativo ou absoluto. No exemplo, "caminho/para/sua/imagem.jpg" é um exemplo de caminho relativo.
  • O atributo alt fornece uma descrição textual da imagem. É uma boa prática incluir um texto descritivo para acessibilidade e SEO.

Lembre-se de substituir "caminho/para/sua/imagem.jpg" pelo caminho real para sua imagem.

Se a imagem estiver no mesmo diretório que a sua página HTML, você só precisa fornecer o nome do arquivo, por exemplo:

html
<img src="imagem.jpg" alt="Descrição da imagem">

Se a imagem estiver em um diretório diferente, você precisa fornecer o caminho relativo ou absoluto para a imagem.

Além disso, é possível ajustar o tamanho da imagem usando os atributos width e height na tag <img>. Por exemplo:

html
<img src="imagem.jpg" alt="Descrição da imagem" width="300" height="200">

Isso definiria a largura da imagem como 300 pixels e a altura como 200 pixels. No entanto, é recomendável evitar o uso desses atributos para manter a proporção original da imagem.