Conteúdo do Curso
HTML Definitivo
HTML Definitivo
2. Tags e Atributos HTML
Compreensão das Tags HTMLTrabalhando com Atributos HTMLCompreensão de Tags Pareadas e Únicas em HTMLMarcação e Formatação de Texto em HTMLDesafio: Crie o Parágrafo da Sua Primeira Página WebDesafio: Construir uma Página Web de Apresentação PessoalDesafio: Criar uma Página Web de Exibição de FilmesUsando Links e Botões em HTMLDesafio: Criar Links para Sites PopularesValidando Seu Código HTML para Melhores Práticas
3. Estrutura do Documento HTML
4. Trabalhando com Mídia e Tabelas
Adicionando Imagens em HTMLDesafio: Trabalhar com ImagensTrabalhando com Imagens Clicáveis, Legendas e OtimizaçãoCompreendendo Gráficos Vetoriais e RasterizadosIncorporação de Áudio e Vídeo para Conteúdo Multimídia AvançadoDesafio: Incorporar Áudio e Vídeo em HTMLCriando e Estruturando Tabelas em HTMLDesafio: Criar uma Tabela HTML Funcional
5. Formulários HTML e Entrada do Usuário
Introdução aos Formulários HTMLFundamentos da Criação de Formulários em HTMLUsando Rótulos para Melhor Acessibilidade de FormuláriosAperfeiçoando Formulários com Atributos de EntradaExplorando Diferentes Tipos de Entrada em HTMLDesafio: Criar Formulário com Campos e RótulosTrabalhando com o Elemento Textarea para Entrada MultilinhaUsando o Elemento Select para Menus SuspensosUsando o Elemento Datalist para Sugestões de Entrada PredefinidasAgrupamento de Elementos de Formulário para Melhor Estrutura
Desafio: Trabalhar com Imagens
Objetivo
Praticar o uso do caminho absoluto para imagens em HTML.
Tarefa
Certifique-se de que o atributo src
da primeira imagem utilize o caminho absoluto. Você pode encontrar a imagem em:
Utilize o caminho absoluto para o atributo src
da segunda imagem. Acesse a imagem aqui:
Especifique o valor apropriado para o atributo alt
em ambas as imagens. Lembre-se de que o valor de alt
é fundamental para fornecer contexto caso as imagens não sejam carregadas ou para usuários que utilizam leitores de tela.
index.html
- Utilize a tag
img
para especificar uma imagem. - Utilize o atributo
src
para indicar o local da imagem. - Utilize o atributo
alt
para fornecer um texto descritivo para a imagem. - Você pode usar o atributo
width
para definir a largura da imagem. - Você pode usar o atributo
height
para definir a altura da imagem.
index.html
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 4. Capítulo 2