Imagem do Curso gratuito HTML 5 para Iniciantes

Curso online gratuitoHTML 5 para Iniciantes

Duração do curso online: 3 horas e 47 minutos

Novo

Aprenda HTML5 do zero e crie páginas web bem estruturadas. Curso online gratuito com prática, semântica, formulários, links e publicação no GitHub Pages.

Neste curso gratuito, aprenda sobre

  • O que é HTML e seu papel na estruturação de páginas web
  • Estrutura básica do documento: doctype, html, head e body
  • Uso de elementos e tags: abertura, fechamento e aninhamento correto
  • Criação de parágrafos, títulos (H1-H6) e hierarquia semântica
  • Listas ordenadas e não ordenadas com ol, ul e li
  • Como e por que usar comentários no código HTML
  • Formatação inline e semântica: strong, ênfases e boas práticas HTML5
  • Citações e referências: blockquote, q e cite
  • Tabelas: estrutura com table, tr, td e organização de dados
  • Links e navegação: tag a, atributo href e melhores usos
  • Elementos semânticos estruturais: header, main, section, article, nav e footer
  • Metadados no head: title, meta, link, style e script
  • Inserção e otimização de imagens com img, src e boas práticas de desempenho
  • Git/GitHub e GitHub Pages: versionar, clonar, sincronizar e hospedar site estático

Descrição do curso

Dominar HTML5 é o primeiro passo para criar sites e interfaces que funcionam bem em qualquer navegador. Neste curso online gratuito de HTML 5 para Iniciantes, você vai entender como a web é estruturada e desenvolver a base necessária para evoluir com segurança para CSS, JavaScript e frameworks de front-end. A proposta é aprender fazendo: você pratica a construção de documentos, entende a lógica das tags e ganha autonomia para criar suas próprias páginas com organização e clareza.

Ao longo das aulas, você aprende o que é HTML e qual sua função em uma página, como usar elementos corretamente e como montar a estrutura essencial de um documento. Além de construir conteúdo com parágrafos, títulos, listas, tabelas, links e imagens, você desenvolve uma visão importante sobre semântica no HTML5, criando marcações que ajudam na acessibilidade, no SEO e na manutenção do código. Você também entende o papel do head e dos metadados, essenciais para títulos, configurações e informações que impactam como a página é interpretada por navegadores e mecanismos de busca.

Para ir além do básico, o curso aborda como criar formulários e trabalhar com diferentes tipos de campos, o que abre portas para páginas de contato, cadastros e coletas de informação em projetos reais. A prática é reforçada com exercícios e perguntas de fixação, ajudando você a identificar erros comuns, consolidar conceitos e escrever HTML de forma mais consciente, evitando apenas “decorar tags”.

Um diferencial é que você aprende também fundamentos do fluxo de trabalho com VSCode, Git e GitHub, incluindo clonagem, conexão e sincronização de repositórios. E, para fechar o ciclo com algo publicável, você vê como hospedar um site estático no GitHub Pages, colocando seu projeto no ar gratuitamente — um passo importante para montar portfólio e começar a apresentar suas criações para outras pessoas.

Se você está entrando agora na área de Programação Front-End ou quer reforçar fundamentos para projetos pessoais, este curso entrega uma base sólida, prática e aplicável desde a primeira página criada até a publicação online do seu site.

Conteúdo do curso

  • Aula em vídeo: O que é HTML (Hypertext Markup Language) - Curso para Iniciantes: Aula 1 06m
  • Exercício: Qual é a principal função do HTML em uma página web?
  • Aula em vídeo: Elementos HTML: O que são os e como usá-los - Aula 2 do Curso de HTML 10m
  • Exercício: Qual das seguintes afirmações sobre a tag de fechamento em HTML é verdadeira?
  • Aula em vídeo: Estrutura Básica HTML Organização de um documento WEB - Aula 3 05m
  • Exercício: Qual dos elementos a seguir é responsável por conter o conteúdo visível de uma página HTML?
  • Aula em vídeo: GitHub Pages Tutorial: Hospede um Site Grátis Passo a Passo 09m
  • Exercício: O que é necessário para criar e hospedar uma página estática no GitHub Pages?
  • Aula em vídeo: VSCode, Git e GitHub: Clonar, Conectar e Sincronizar Repositórios 16m
  • Exercício: Qual é o comando utilizado para configurar o nome de usuário globalmente no Git?
  • Aula em vídeo: Parágrafos no HTML - Aprenda como usar o elemento p 08m
  • Exercício: Qual é a importância de adicionar a extensão '.html' ao criar um novo arquivo para uma página web?
  • Aula em vídeo: Títulos e subtítulos em HTML: Aprenda como criar 06m
  • Exercício: Qual é a importância de utilizar corretamente os elementos de título H1 a H6 em um documento HTML?
  • Aula em vídeo: Listas em HTML: Aprenda como criar usando elementos ol e ul 08m
  • Exercício: Qual elemento HTML é utilizado para criar uma lista não ordenada?
  • Aula em vídeo: Comentários em HTML: Aprenda como fazer nessa linguagem 03m
  • Exercício: Qual é a finalidade dos comentários no código HTML?
  • Aula em vídeo: HTML semântico: Conheça os elementos inline para formatar texto 13m
  • Exercício: Qual é o uso recomendado para o elemento < strong > no HTML5?
  • Aula em vídeo: Faça citações em HTML: aprenda como usar blockquote, q e cite 05m
  • Exercício: No HTML, qual elemento é utilizado para marcar citações longas que se destacam do restante do texto?
  • Aula em vídeo: Tabelas em HTML: Guia inicial com exemplos práticos 13m
  • Exercício: Qual é o elemento HTML utilizado para indicar uma linha em uma tabela?
  • Aula em vídeo: HTML Hiperlink - Como usar a tag âncora A e o atributo href 22m
  • Exercício: Qual elemento é utilizado no HTML para criar hiperlinks que direcionam o usuário para outros documentos ou recursos?
  • Aula em vídeo: HTML semântico - Conhecendo os elementos estruturais do HTML5 08m
  • Exercício: Qual elemento semântico em HTML5 é utilizado para definir uma área que contém links para outras seções de um site, podendo ser considerado o principal mecanismo de navegação?
  • Aula em vídeo: Elementos semânticos HTML: como usar e estruturar uma página 12m
  • Exercício: Qual é o elemento semântico utilizado em HTML5 para definir a área de navegação principal de uma página web?
  • Aula em vídeo: Metadados HTML: Descubra o que o elemento HEAD faz 03m
  • Exercício: Qual elemento no HTML é responsável por definir o cabeçalho do documento, onde são armazenados metadados, estilos e scripts, que não são visíveis para o usuário?
  • Aula em vídeo: Metadados HTML na Prática: title, style, script, link e meta 14m
  • Exercício: Qual é o propósito do elemento '< style >' em um documento HTML?
  • Aula em vídeo: Elemento img HTML: Guia Completo e Cuidados Essenciais 08m
  • Exercício: Para inserir uma imagem em um documento HTML, qual elemento deve ser utilizado e qual é o atributo necessário para especificar o caminho da imagem?
  • Aula em vídeo: Aprenda a inserir imagens na pagina HTML com o elemento img 18m
  • Exercício: Qual é uma prática recomendada ao inserir imagens em uma página web para garantir que carreguem rapidamente e se ajustem bem ao design da interface?
  • Aula em vídeo: Elemento FORM do HTML e os tipos de INPUT 15m
  • Exercício: Qual elemento HTML é utilizado para criar campos de entrada de dados em um formulário?
  • Aula em vídeo: Como Criar um Formulário HTML: Tutorial Passo a Passo 14m
  • Exercício: Qual elemento HTML é tipicamente usado para agrupar campos e controles interativos em um formulário web?

Este curso gratuito inclui:

3 horas e 47 minutos de curso online em vídeo

Certificado digital de conclusão de curso ( Gratuito )

Exercícios para treinar seus conhecimentos

100% gratuito, do conteúdo ao certificado

Pronto para começar?Baixe o app e comece hoje mesmo.

Instale o app agora

para ter acesso ao curso
Ícone representando cursos de tecnologia e negócios

+ de 5.000 cursos gratuitos

Programação, Inglês, Marketing Digital e muito mais! Aprenda o que quiser, gratuitamente.

Ícone de calendário com alvo representando planejamento de estudos

Plano de estudos com IA

A Inteligência Artificial do nosso aplicativo pode criar um cronograma de estudos para o curso que você escolher.

Ícone de profissional representando carreira e negócios

Do zero ao Sucesso profissional

Melhore seu currículo com nosso Certificado gratuito e depois utilize nossa Inteligência Artificial para buscar seu emprego dos sonhos.

Você também pode utilizar o QR Code ou os Links abaixo

QR Code - Baixar Cursa - Cursos Online

Mais cursos gratuitos em Programação Front-End

Ebook + Áudiobooks gratuitos! Aprenda ouvindo ou lendo!

Baixe o Aplicativo agora para ter acesso a + de 5000 cursos gratuitos, exercícios, certificado e muito conteúdo sem pagar nada!

  • Cursos online 100% gratuitos do início ao fim

    Milhares de cursos online em vídeo, ebooks e áudiobooks.

  • Mais de 60 mil exercícios gratuitos

    Para testar seus conhecimentos no decorrer dos cursos online

  • Certificado Digital gratuito válido em todo o Brasil

    Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail

Aplicativo Cursa na tela de ebook, na tela de curso em vídeo e na tela de exercícios do curso, mais o certificado de conclusão de curso