Essenciais de HTML

Essenciais de HTML

0%

1. Compreendendo a Web e HTML

Obtenha uma introdução à web e HTML, incluindo a importância de tags, elementos e atributos. Aprenda sobre a estrutura básica de um documento HTML e um breve histórico da web.

Introdução ao Curso

Introdução à Web

Breve História da Web

Por que precisamos de HTML?

Estrutura Básica de um Documento HTML

Tags, Elementos e Atributos

2. Fundamentos de HTML

Domine o essencial da marcação HTML, com foco na formatação de texto especial e listas, entendendo sua importância na estruturação de conteúdo dentro de um documento HTML. Mergulhe nas complexidades da estrutura do documento HTML enquanto aprimora as técnicas de marcação de texto.

Estrutura do Documento HTML

Desafio: Estrutura do Documento HTML

Marcação de Texto

Desafio: Marcação de Texto

Marcação de Texto Especial

Desafio: Marcação de Texto Especial

Desafio: Listas

3. Imagens e Mídia

Desbloqueie o poder do conteúdo visual e auditivo no desenvolvimento web enquanto aprende a integrar perfeitamente imagens, vídeos e elementos de áudio em documentos HTML. Explore as nuances de incorporação de vários formatos de mídia.

Desafio: Imagens

Desafio: Áudio

Desafio: Vídeo

4. Tabelas e Formulários

Navegue pelas complexidades da apresentação de dados e interação do usuário com uma cobertura abrangente de tabelas e formulários em HTML, abrangendo estruturas de tabelas, criação de formulários e elementos de entrada. Ganhe proficiência na implementação de elementos de entrada de formulário e aproveite os atributos para funcionalidade aprimorada.

Desafio: Tabela

Desafio: Formulários

Elementos de Entrada de Formulário e Rótulo

Desafio: Elementos de Entrada de Formulário e Rótulo

Atributos para Elementos de Entrada

5. HTML Avançado

Eleve suas habilidades em HTML para o próximo nível explorando elementos semânticos de HTML, capacitando você a criar conteúdo web bem estruturado e acessível. Comece a construir seu primeiro site, aplicando o conhecimento recém-adquirido para dar vida às suas ideias.

HTML Semântico

Elementos Semânticos

Desafio: Elementos Semânticos

Construindo Todo o Site

Conteúdo do Curso

Essenciais de HTML

Essenciais de HTML

Estrutura Básica de um Documento HTML

Um documento HTML segue uma estrutura básica composta por vários elementos. Aqui está uma estrutura típica de um documento HTML:

Estrutura resumo breve

<!DOCTYPE html>: Esta linha informa ao navegador qual versão do HTML o documento está usando. Neste caso, é HTML5, a versão mais recente do HTML;
<html>: Este é o elemento raiz do documento HTML. Todos os outros elementos estão contidos dentro deste elemento;
<head>: Esta seção contém metainformações sobre o documento, como a codificação de caracteres (<meta charset="UTF-8">) que garante que caracteres especiais sejam exibidos corretamente, e o título do documento (<title>) que aparece na barra de título ou aba do navegador;
<title>: Este elemento define o título do documento, que é exibido na barra de título ou aba do navegador;
<body>: É aqui que o conteúdo principal da página web vai. Você colocará texto, imagens, links, formulários e outros elementos dentro do elemento <body>. Isso é o que os usuários verão e interagirão quando visitarem sua página web.

Tutorial em Vídeo

Link do editor de código - Visual Studio Code

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 1. Capítulo 5

some-alt