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 HTML 5 do zero com este curso gratuito. Domine elementos, estrutura básica, semântica, criação de formulários e hospedagem de sites com GitHub Pages.

Neste curso gratuito, aprenda sobre

  • Fundamentos de HTML
  • Publicação e Controle de Versão
  • Texto, Títulos e Listas no HTML
  • Formatação de Texto e Citações em HTML
  • Links e Estrutura Semântica
  • Metadados e Conteúdo Multimídia
  • Imagens e Formulários em HTML

Descrição do curso

Descubra o maravilhoso universo da programação front-end com o curso "HTML 5 para Iniciantes". Com uma duração total de 3 horas e 47 minutos, este curso é a escolha ideal para quem deseja se aventurar na criação de websites e aplicações web, aprendendo desde os fundamentos até técnicas mais avançadas.

O curso é organizado de maneira a proporcionar uma experiência de aprendizado completa e progressiva. Começamos pela introdução ao HTML (Hypertext Markup Language), onde você entenderá o que é esta linguagem de marcação essencial para a web e como ela funciona. Em seguida, passamos para os elementos HTML, a espinha dorsal de qualquer documento web, explicando sua utilização e importância.

Na terceira aula, exploramos a estrutura básica de um documento HTML, mostrando como organizar seu conteúdo de forma eficiente e compreensiva. E para aqueles que desejam colocar seus projetos online, o módulo 'GitHub Pages Tutorial' oferece um guia passo a passo para hospedar sites gratuitamente.

Entre as ferramentas práticas apresentadas no curso, destacam-se o VSCode, o Git e o GitHub. Você aprenderá como clonar, conectar e sincronizar repositórios, tornando sua workflow mais organizada e profissional.

Ao longo das aulas, conceitos fundamentais como parágrafos, títulos, subtítulos e listas em HTML são desmistificados, ensinando-lhe a criar conteúdo estruturado e de fácil leitura. Comentários em HTML também são abordados, facilitando a documentação e manutenção do código.

Outro ponto alto do curso é o capítulo sobre HTML semântico. Aqui, você conhecerá os elementos inline para a formatação de textos, além de aprender a usar e estruturar páginas com elementos semânticos corretos, promovendo a acessibilidade e a usabilidade do seu site.

Técnicas para a criação de citações, tabelas e hyperlinks são explicadas em detalhes, garantindo que você saiba como enriquecer suas páginas com informações organizadas e links úteis. Com o foco na prática, exemplos claros e diretos são apresentados para cada conceito.

Na seção de metadados HTML, você aprenderá sobre a importância e a utilização do elemento HEAD, bem como a aplicação prática dos elementos title, style, script, link e meta para otimização e configuração do seu site.

A inserção e manipulação de imagens são também cobertas no curso, onde o elemento img é explicado em pormenores, junto com os cuidados essenciais para evitar erros comuns e garantir a melhor experiência para os usuários.

Por fim, a criação de formulários interativos é abordada, ensinando como utilizar o elemento FORM e os diferentes tipos de INPUT. Você aprenderá a criar formulários completos e funcionais, um passo essencial para a interação com os usuários.

Ainda sem avaliações, "HTML 5 para Iniciantes" é um curso de informática (TI) que pertence à subcategoria de Programação Front-End. Com uma abordagem didática e prática, é uma porta de entrada excelente para quem deseja dominar a construção de páginas web e dar os primeiros passos no universo da programação.

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