Imagens
Parte da seção Fundamentals do Journey de HTML da Coddy — lição 23 de 60.
Imagens podem tornar sua página da web mais envolvente, e adicioná-las em HTML é simples usando a tag <img>. A tag <img> é de fechamento automático, o que significa que ela não precisa de uma tag de fechamento.
Para exibir uma imagem, você precisa usar o atributo src. Este atributo especifica a localização da imagem (URL ou caminho do arquivo). Aqui está um exemplo:
<img src="https://coddy.tech/images/bit.svg" />Neste exemplo, o navegador carregará e exibirá a imagem a partir da URL https://coddy.tech/images/bit.svg.
Tags de fechamento automático, como <img>, não precisam de uma tag de fechamento. Elas terminam com /> e são usadas para elementos que não possuem conteúdo interno.
Desafio
FácilAdicione uma imagem ao documento HTML, você pode usar a URL do exemplo na lição ou qualquer outra URL.
Certifique-se de que você veja uma imagem!
Folha de consulta
A tag <img> exibe imagens e é de fechamento automático (nenhuma tag de fechamento é necessária):
<img src="https://coddy.tech/images/bit.svg" />O atributo src especifica a localização da imagem (URL ou caminho do arquivo). Tags de fechamento automático terminam com />.
Experimente você mesmo
<!DOCTYPE html>
<html>
<body>
<!-- Escreva o código aqui -->
</body>
</html>
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Fundamentals
1Fundamentos do HTML
O que é HTML?Estrutura Básica do HTMLTags e ElementosAninhamento e Fechamento de TagsComentários em HTML7Página de Perfil Pessoal
Visão Geral do ProjetoSeção de Cabeçalho
Foto de PerfilSeção Sobre MimLinks Sociais2Texto e Formatação
TítulosParágrafosQuebras de LinhaTexto em Negrito e ItálicoNegrito e Itálico NovamenteRecapitulação - Formatação8Formulários e Inputs Parte 1
Fundamentos de FormuláriosInputs de TextoAtributos de InputCampo de SenhaLabels para InputsRecapitulação - Formulário Básico11Página de Inscrição de Evento
Visão Geral do ProjetoSeção de CabeçalhoSeção de Detalhes do EventoFormulário de InscriçãoSeção de Rodapé