HTML5 Mestre dos Mestres

Aula 03 — Textos, Listas, Links e Imagens

Aprenda a montar conteúdo real usando textos, listas, navegação e imagens acessíveis.

Voltar ao Módulo Voltar para Sala Home
NARRAÇÃO MESTRE

Narrador Mestre

Ouça a aula, revise blocos e estude com foco.

Pronto para narrar. As vozes disponíveis dependem do navegador e do sistema.

Objetivo da aula

Transformar conteúdo solto em página organizada

Textos, listas, links e imagens são elementos básicos de quase toda página real. Dominar isso é obrigatório para criar projetos profissionais.

Textos e listas

Organização de informação

  • h1 a h6: títulos e subtítulos.
  • p: parágrafos.
  • ul: lista sem ordem numérica.
  • ol: lista ordenada.
  • li: item de lista.

Links e imagens

Navegação e acessibilidade

  • a: cria links.
  • href: destino do link.
  • img: exibe imagem.
  • src: caminho da imagem.
  • alt: descrição alternativa.

Exemplo essencial

Código que aparece em páginas reais

<a href="../../../index.html">Voltar para Home</a> <a href="https://github.com" target="_blank" rel="noopener noreferrer">GitHub</a> <img src="imagem.jpg" alt="Descrição objetiva da imagem">

Próxima ação

Preparar Aula 04

A próxima aula do módulo será sobre caminhos, pastas, links internos e organização de arquivos.

Voltar ao módulo Ver próxima ação