Categoria: Curso de HTML

Três páginas da web conectadas entre si por setas em uma ilustração

Curso de HTML / Criar um pequeno site com várias páginas

Crie páginas Início, Sobre e Contato com navegação compartilhada e metadados próprios. Use os três documentos completos para conferir links, validação do formulário de prática e uso pelo teclado.

Ilustração de um documento web examinado com uma lupa e uma lista de verificação

Curso de HTML / Encontrar erros e validar um documento HTML

Encontre os problemas de marcação com o Nu HTML Checker e diferencie a validação do comportamento do navegador. Compare um exemplo completo de ID duplicado com sua correção e teste cada associação de rótulo.

Ilustração de uma página da web com um foco visível, um símbolo de acessibilidade e uma pessoa em cadeira de rodas

Curso de HTML / Noções de acessibilidade: títulos, links, imagens e teclado

Revise o significado e o uso no teclado de títulos, links, imagens e formulários. Pratique testes manuais em uma pequena página com um link de pular, instruções de campo persistentes e foco visível.

Dois painéis dobráveis, um fechado e outro aberto, em uma ilustração

Curso de HTML / Criar conteúdo expansível com details e summary

Crie um conteúdo expansível acessível pelo teclado usando os elementos details e summary, e decida se ele deve estar aberto por padrão ou mostrar o conteúdo diretamente.

Uma onda de áudio e uma tela de vídeo vazia representadas lado a lado

Curso de HTML / Incorporar áudio, vídeo e conteúdo externo

Use corretamente o áudio, o vídeo, o iframe, as legendas e os links alternativos. O CSS responsivo e um exercício local com iframe ajudam a verificar os caminhos, as proporções e o layout em telas estreitas.

Ilustração de um documento web com um título, linhas de descrição e um globo

Curso de HTML / Definir o título, a descrição, o idioma e a codificação de uma página

Defina um título e uma descrição próprios para cada página e indique corretamente seu idioma e sua codificação. Veja onde colocar cada configuração e como identificar problemas de UTF-8 e de cabeçalhos HTTP.

Ilustração de dois campos de formulário com rótulos distintos e linhas claras representando os textos indicativos

Curso de HTML / Adicionar uma indicação aos campos com placeholder

Aprenda como adicionar dicas de preenchimento aos campos input e textarea em HTML sem confundi-los com rótulos ou valores iniciais. Inclui um exemplo completo de formulário, verificações de campos obrigatórios e uma explicação sobre valores vazios nos dados enviados.

Ilustração de dois grupos de campos com uma legenda e opções de seleção

Curso de HTML / Organizar um formulário com fieldset, legend e autocomplete

Agrupe as perguntas com fieldset, legend e nomes de rádio distintos, e descreva os objetivos dos campos com autocomplete. Teste dois grupos independentes e compare os tokens de preenchimento automático comuns.

Dois campos de entrada cercados respectivamente de vermelho e verde

Curso de HTML / Validar um formulário: required, comprimento e limites de valores

Defina campos obrigatórios, limites de comprimento e intervalos numéricos. Compare os estados de erro e entenda por que a validação no servidor continua necessária.

Ilustração de um formulário com uma caixa de texto, uma lista de opções e um botão

Curso de HTML / Usar textarea, select, option e button

Compare como textarea, select, option e button mantêm os valores e se comportam. Um formulário completo mostra a seleção necessária, os valores das opções enviadas e a redefinição que restaura os valores iniciais.