study with me — imagens (HTML5)

2 min readMar 5, 2024

Em HTML, as imagens são inseridas usando a tag <img>, que não tem uma tag de fechamento. Esta tag requer um atributo src, que especifica o caminho do arquivo de imagem, e opcionalmente outros atributos como alt para fornecer um texto alternativo para a imagem e width e height para definir suas dimensões.

Para adicionar uma imagem em uma página HTML, você precisa definir o atributo src com o caminho da imagem que deseja exibir. Se a imagem estiver localizada no mesmo diretório que o arquivo HTML, você só precisa fornecer o nome do arquivo. Caso contrário, você precisará especificar o caminho relativo ou absoluto para a imagem.

Aqui está um exemplo de como adicionar uma imagem em HTML:

htmlCopy code

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Exemplo de Imagem HTML</title>
</head>
<body>

    <header>
        <h1>Exemplo de Imagem HTML</h1>
    </header>    <main>
        <img src="exemplo.jpg" alt="Exemplo de imagem">
    </main></body>
</html>

Neste exemplo:

A tag <img> é usada para inserir uma imagem na página.
O atributo src especifica o caminho da imagem, neste caso, "exemplo.jpg".
O atributo alt fornece um texto alternativo que será exibido caso a imagem não possa ser carregada ou para usuários com deficiência visual.
Não é necessário fechar a tag <img>, pois ela é uma tag vazia.

study with me — imagens (HTML5)

Written by Gabriela Costa