Onde encontrar um curso gratuito de HTML 5 para Iniciantes ?

Name: HTML 5 para Iniciantes
Availability: InStock

Imagem do Curso gratuito HTML 5 para Iniciantes

Curso online gratuito HTML 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

Sobre o curso online gratuito

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?