Imagem do Curso gratuito HTML5

Curso online gratuitoHTML5

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

4.92

EstrelaEstrelaEstrelaEstrelaEstrela

(12)

Crie páginas web do zero com HTML5 e ganhe base para Front-End. Curso online gratuito, com exercícios e certificado para turbinar seu portfólio.

Neste curso gratuito, aprenda sobre

  • Definição de HTML5 e estrutura básica de um documento (doctype, html, head, body)
  • Criação de páginas com títulos, parágrafos, quebras de linha e comentários
  • Uso de listas (ordenadas, não ordenadas e de definição) e seus elementos
  • Inserção de imagens: atributo src, texto alternativo e imagens mapeadas (map/area)
  • Criação de links internos e externos e navegação entre páginas
  • Construção de tabelas e uso de caption para legenda
  • Organização de conteúdo com div e span e noções de semântica HTML5
  • Incorporação de conteúdo com iframe e object
  • Metadados com meta e link (ex.: charset, keywords, folhas de estilo)
  • Áudio e vídeo: tags, atributos e legendas (track/srclang)
  • Formulários completos: métodos GET/POST, validação e atributos (required, disabled etc.)
  • Tipos de input e limites (email, radio, file, date, range, min/max, autocomplete)
  • Componentes de formulário: textarea, select/optgroup, datalist e atributos form*
  • Acessibilidade e interação: tabindex, accesskey, details, meter/progress, script e SVG

Descrição do curso

Aprender HTML5 é o primeiro passo para transformar ideias em páginas na web. Neste curso online gratuito, você desenvolve a base essencial do Front-End entendendo como a estrutura de um site é construída, organizada e interpretada pelo navegador. Você começa do início, compreendendo o que é HTML e como montar sua primeira página, e evolui para uma criação mais consistente, clara e pronta para crescer com CSS e JavaScript no futuro.

Ao longo das aulas, você pratica a marcação de conteúdos do dia a dia: títulos, parágrafos, quebras de linha, listas, imagens e links — elementos que formam o esqueleto de praticamente qualquer projeto. Além de aprender a “escrever código”, você passa a entender o porquê das escolhas e como cada tag e atributo influencia a leitura do conteúdo, a organização da página e a experiência do usuário.

O curso avança para recursos que tornam seus projetos mais completos, como tabelas, iframes, inclusão de áudio e vídeo (inclusive com legendas), e uso de metadados com a tag meta para melhorar contexto, compatibilidade e SEO básico. Também há foco importante em formulários, com diversos tipos de campos e atributos que fazem diferença no uso real: validações, obrigatoriedade, acessibilidade, autocomplete, seleção de opções e configurações de envio. Esse é um dos pontos que mais aproximam o aprendizado de situações comuns em sites, landing pages e sistemas.

Você ainda entra em temas atuais do HTML5, como edição de conteúdo na própria página, detalhes expansíveis, incorporação de objetos, indicadores visuais de progresso, elementos para figuras e legendas, scripts, mapas de imagem e recursos como SVG, que permitem gráficos escaláveis e leves. A etapa final reforça semântica e boas práticas, ajudando você a criar páginas mais bem estruturadas e fáceis de manter.

Com vídeos e exercícios ao longo do caminho, este curso é ideal para quem está começando, para quem quer revisar fundamentos ou para quem precisa consolidar a base antes de avançar para Front-End profissional. Ao final, você terá mais segurança para criar páginas completas e seguir evoluindo com um repertório sólido de HTML5.

Conteúdo do curso

  • Aula em vídeo: Curso de HTML5 - Aula 01 - Introdução ao HTML5 02m
  • Exercício: _Qual é a definição de HTML?
  • Aula em vídeo: Curso de HTML5 - Aula 02 - Criando primeira página HTML5 05m
  • Exercício: Qual é o primeiro passo para criar um documento HTML5?
  • Aula em vídeo: Curso de HTML5 - Aula 03 - Títulos, paragrafo e quebra de linha 07m
  • Exercício: _Qual é a tag utilizada para criar títulos no HTML5?
  • Aula em vídeo: Curso de HTML5 - Aula 04 - Listas 09m
  • Exercício: Quais são os principais tipos de listas em HTML abordados?
  • Aula em vídeo: Curso de HTML5 - Aula 05 - Imagens 06m
  • Exercício: _Qual é o atributo utilizado para informar o caminho da imagem em HTML?
  • Aula em vídeo: Curso de HTML5 - Aula 06 - Iframe 03m
  • Exercício: Qual é a função principal da tag HTML