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:
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.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.