Imagem do Curso gratuito Fundamento de HTML5

Curso online gratuitoFundamento de HTML5

Duração do curso online: 2 horas e 25 minutos

Novo

Curso gratuito de HTML5 para iniciantes: estrutura de páginas, links, imagens, semântica, tabelas, mídia e formulários, com projeto prático.

Neste curso gratuito, aprenda sobre

  • Introdução e Estrutura do HTML5
  • Texto, Semântica e Organização do Código
  • Links, Imagens e Estrutura de Arquivos
  • Listas, Links Avançados e Atributos Globais
  • HTML Semântico, Incorporações e Tabelas
  • Metadados e Mídias (Áudio e Vídeo)
  • Projeto Prático: Curriculum
  • Formulários em HTML5

Descrição do curso

Aprenda os fundamentos de HTML5 em um curso online gratuito, ideal para quem está começando no desenvolvimento front-end e quer entender como as páginas da web são estruturadas na prática. Você vai construir uma base sólida para criar documentos bem organizados, legíveis e prontos para evoluir com CSS e JavaScript.

Ao longo das aulas, você entende como montar a estrutura essencial de um documento, trabalhar com títulos e parágrafos, organizar textos, inserir links e imagens e aplicar boas práticas de marcação. Também aprende a usar atributos importantes, comentários, quebras de linha e recursos que ajudam no desenvolvimento do dia a dia, além de conceitos de organização de arquivos e pastas para manter seus projetos mais claros.

O curso também explora elementos semânticos do HTML, incorporação de conteúdos externos, criação de tabelas e uso de tags comuns para ajustes pontuais de marcação. Você verá ainda como adicionar mídia, como áudio e vídeo, e como configurar informações relevantes para navegadores e mecanismos de busca.

Para consolidar o aprendizado, há um projeto prático de currículo, que ajuda a conectar os conceitos em uma página completa. Por fim, você aprende a criar formulários, entendendo os principais campos e controles usados em cadastros e páginas de contato, preparando você para desenvolver interfaces mais interativas no front-end.

Conteúdo do curso

  • Aula em vídeo: Curso HTML5 - Aula 01 - Introdução 02m
  • Exercício: No contexto do HTML5, qual é o significado de HTML?
  • Aula em vídeo: Curso HTML5 - Aula 02 - Estrutura 06m
  • Exercício: Qual declaração indica que o documento está no padrão HTML5?
  • Aula em vídeo: Curso HTML5 - Aula 03 - Title, tag meta, atributos, tag de auto fechamento 03m
  • Aula em vídeo: Curso HTML5 - Aula 04 - Extensão Live Server 01m
  • Exercício: Qual é a principal função da extensão Live Server no desenvolvimento com HTML5?
  • Aula em vídeo: Curso HTML5 - Aula 05 - Tag de título e de parágrafo 02m
  • Exercício: Qual afirmação descreve corretamente os níveis das tags de título (H1 a H6) no HTML5?
  • Aula em vídeo: Curso HTML5 - Aula 06 - Comentários 04m
  • Exercício: Qual prática melhora a legibilidade do código HTML quando uma tag está dentro de outra?
  • Aula em vídeo: Curso HTML5 - Aula 07 - Formatação de textos 08m
  • Exercício: Qual tag é mais recomendada para indicar importância/relevância no texto, substituindo a tag por questão semântica?
  • Aula em vídeo: Curso HTML5 - Aula 08 - Tags de quebra de linha 03m
  • Aula em vídeo: Curso HTML5 - Aula 09 - Links 08m
  • Exercício: Qual tag e atributo são usados para criar um link que navega para outra página em HTML5?
  • Aula em vídeo: Curso HTML5 - Aula 10 - Imagens 08m
  • Exercício: Qual atributo da tag < img > é usado para indicar o caminho/origem da imagem?
  • Aula em vídeo: Curso HTML5 - Aula 11 - Figure 04m
  • Aula em vídeo: Curso HTML5 - Aula 12 - Hierarquia de pastas 06m
  • Exercício: Ao referenciar uma imagem que está em uma pasta dentro do projeto, qual forma é mais comum para indicar o caminho relativo a partir do arquivo atual?
  • Aula em vídeo: Curso HTML5 - Aula 17 - Html semântico 02m
  • Exercício: Qual é o principal benefício de substituir tags genéricas por tags semânticas no HTML5 (como header, section, article e footer)?
  • Aula em vídeo: Curso HTML5 - Aula 18 - iframe 01m
  • Exercício: Qual é a principal finalidade da tag iframe em HTML5?
  • Aula em vídeo: Curso HTML5 - Aula 19 - tabelas 04m
  • Exercício: Em HTML5, qual tag é usada para criar a estrutura principal de uma tabela?
  • Aula em vídeo: Curso HTML5 - Aula 20 - span 02m
  • Exercício: Qual é a principal característica da tag no HTML5?
  • Aula em vídeo: Curso HTML5 - Aula 21 - tag meta 03m
  • Aula em vídeo: Curso HTML5 - Aula 22 - tag audio 01m
  • Exercício: Qual atributo da tag
  • Aula em vídeo: Curso HTML5 - Aula 23 - tag video 01m
  • Exercício: Qual atributo da tag
  • Aula em vídeo: Curso HTML5 - Aula 27 - Formulários em HTML5 04m
  • Exercício: Qual atributo do elemento deve ser usado para validar que o campo aceite um endereço de e-mail (com @ e formato adequado)?
  • Aula em vídeo: Curso HTML5 - Aula 28 - Continuação Formulários em HTML5 02m
  • Exercício: Qual é a função principal da tag
  • Aula em vídeo: Curso HTML5 - Aula 29 - Checkbox 04m
  • Exercício: Em um formulário HTML5, qual é a principal vantagem de usar inputs do tipo checkbox?
  • Aula em vídeo: Curso HTML5 - Aula 30 - Radio 03m
  • Aula em vídeo: Curso HTML5 - Aula 31 - Select 03m
  • Exercício: Em um campo HTML