Categoria: Curso de HTML

Escolha os campos de email, número, data, caixa de seleção e botão de rádio de acordo com seu objetivo. Um formulário completo permite comparar os valores da data, os grupos obrigatórios e as entradas omitidas pelos controles não selecionados.

Conecte os rótulos aos campos de entrada com for e id, distinga o id da chave name enviada, e aprenda por que o texto indicativo não pode substituir um rótulo.

Distingua action, method e name, depois compare as requisições GET e POST. Inspecione os dados de entrada com FormData sem enviá-los e compare os controles disabled, readonly e as caixas de seleção.

Clarifique os cabeçalhos da tabela e as relações entre os dados com caption, th e scope, e aprenda quando colspan ou rowspan torna uma tabela mais difícil de ler.

Construa uma tabela de dados HTML básica com linhas e células de cabeçalho ou de dados, e organize seus cabeçalhos e linhas de dados sem usar tabelas para layout.

Use figure e figcaption para manter uma imagem e sua explicação visíveis juntas, e para diferenciar as legendas do texto alternativo da imagem.

Compreenda a diferença estrutural entre div e span, aprenda a direcionar o conteúdo necessário com CSS e a escolher elementos semânticos quando eles descrevem melhor o conteúdo.

Aprenda quando usar header, nav, main, article, section, aside e footer, e depois construa uma página completa cujas regiões e links internos funcionem juntos.

Compare srcset e sizes para a mudança de resolução com picture para a adaptação do enquadramento. Use arquivos reais para verificar a largura de exibição em dispositivos móveis, as condições de mídia e a imagem selecionada pelo navegador.

Adicione uma imagem com HTML img, escreva um texto alternativo útil e defina corretamente a largura e a altura. Um exemplo para download ajuda você a testar os caminhos dos arquivos e os tamanhos.