Atributos de Imagem
Parte da seção Fundamentals do Journey de HTML da Coddy — lição 24 de 60.
Vamos explorar alguns atributos adicionais para melhorar suas imagens:
alt: Fornece um texto alternativo se a imagem não carregar.widtheheight: Controlam o tamanho da imagem em pixels.
Aqui está um exemplo:
<img src="img.jpg" alt="A scenic view of mountains" width="600" height="400" />Isso define a origem da imagem, fornece uma descrição e a dimensiona para 600x400 pixels. Sempre inclua alt para acessibilidade e use dimensões para manter a consistência do design.
Desafio
FácilAdicione os seguintes atributos à imagem:
alt: "A beautiful bird"width: "400"height: "250"
Folha de consulta
Use atributos adicionais para melhorar suas imagens:
alt: Fornece um texto alternativo se a imagem não carregarwidtheheight: Controlam o tamanho da imagem em pixels
<img src="img.jpg" alt="A scenic view of mountains" width="600" height="400" />Sempre inclua alt para acessibilidade e use dimensões para manter a consistência do design.
Experimente você mesmo
<!DOCTYPE html>
<html>
<body>
<img src="https://4.img-dpreview.com/files/p/E~TS590x0~articles/3925134721/0266554465.jpeg">
</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é