Mundo Tech Software SchoolMTSS

do primeiro conceito à prática com confiança

HTML

Dê a cada página uma estrutura clara, um elemento de cada vez.

Começar a aprender 9 aulas · primeira aula com cerca de 12 min · grátis · sem cadastro
Sobre esta trilha

Aprenda HTML desde os primeiros elementos até layouts semânticos, formulários acessíveis e fluxos práticos de páginas reais com mídia e validação.

Antes de começar
  • Não é necessária experiência em programação.
  • Um navegador moderno.
  • Curiosidade sobre como páginas web são montadas.
Carregando progresso…
  1. Unidade 1 · 0/2 aulas

    Noções básicas da página

    Crie o esqueleto da página e guie a leitura. Medalha: Primeira página

    1. 0x001Faça sua primeira página webEstruture um documento HTML com título e parágrafo. 12 min 0/1 exercícios resolvidos 12 min 0/1 exercícios resolvidos
    2. 0x102Formate texto e conecte páginasUse títulos, ênfase e links descritivos. 13 min 0/1 exercícios resolvidos 13 min 0/1 exercícios resolvidos
  2. Unidade 2 · 0/2 aulas

    Organizar conteúdo

    Adicione mídia, listas e regiões semânticas. Medalha: Construtor de páginas

    1. 0x203Adicione imagens e listasOrganize itens relacionados e forneça alt text útil. 13 min 0/1 exercícios resolvidos 13 min 0/1 exercícios resolvidos
    2. 0x304Dê estrutura semântica à páginaUse regiões semânticas para facilitar navegação. 14 min 0/1 exercícios resolvidos 14 min 0/1 exercícios resolvidos
  3. Unidade 3 · 0/2 aulas

    Formulários e acessibilidade

    Colete dados com formulários acessíveis. Medalha: Aberto para todos

    1. 0x405Colete informações com formuláriosConstrua formulários com labels, tipos corretos e submit. 15 min 0/1 exercícios resolvidos 15 min 0/1 exercícios resolvidos
    2. 0x506Torne páginas acessíveis para mais pessoasUse estrutura clara, labels úteis e tabelas com cabeçalhos. 16 min 0/1 exercícios resolvidos 16 min 0/1 exercícios resolvidos
  4. Unidade 4 · 0/3 aulas

    Fluxos práticos em HTML

    Combine padrões semânticos em seções de página reais. Medalha: Designer de experiência

    1. 0x607Adicione mídia com contextoUse figure e figcaption para contextualizar mídias. 14 min 0/1 exercícios resolvidos 14 min 0/1 exercícios resolvidos
    2. 0x708Melhore formulários com padrões de validaçãoUse fieldset, legend e validações nativas. 15 min 0/1 exercícios resolvidos 15 min 0/1 exercícios resolvidos
    3. 0x809Laboratório prático: construa página de eventoCombine estrutura, mídia e formulário em uma seção realista. 18 min 0/1 exercícios resolvidos 18 min 0/1 exercícios resolvidos