Imagens
Parte da seção Fundamentos do Journey de HTML da Coddy. Lição 23 de 60.
Imagens podem deixar sua página da web mais envolvente, e adicioná-las em HTML é simples usando a tag <img>. A tag <img> é autocontida, o que significa que não precisa de uma tag de fechamento.
Para exibir uma imagem, você precisa usar o atributo src. Esse 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 do URL https://coddy.tech/images/bit.svg.
Tags de fechamento automático, como <img>, são usados para elementos que não têm conteúdo interno, portanto não têm uma tag de fechamento. No HTML5, a barra no final é opcional: <img src="bit.svg"> e <img src="bit.svg" /> são válidos. Este curso escreve />.
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ê vê uma imagem!
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 Fundamentos
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éPratique por conta própria: Playground de Web