Conteúdo do Curso

HTML Definitivo

1. Compreendendo o Desenvolvimento Web

Bem-vindo ao HTML e Desenvolvimento Web O Que É a Internet?Como a Internet Funciona?Compreendendo Como os Sites Funcionam Explicação Sobre Desenvolvimento Frontend e Backend

2. Tags e Atributos HTML

Compreensão das Tags HTML Trabalhando com Atributos HTML Compreensão de Tags Pareadas e Únicas em HTML Marcação e Formatação de Texto em HTML Desafio: Crie o Parágrafo da Sua Primeira Página Web Desafio: Construir uma Página Web de Apresentação Pessoal Desafio: Criar uma Página Web de Exibição de Filmes Usando Links e Botões em HTML Desafio: Criar Links para Sites Populares Validando Seu Código HTML para Melhores Práticas

3. Estrutura do Documento HTML

Os Segredos por Trás de Páginas Web Bem Estruturadas Compreensão da Estrutura do Documento HTML O Papel do Head do Documento Gerenciamento do Fluxo e Layout do Documento Desafio: Estruturar Corretamente um Documento HTML Usando Ferramentas de Desenvolvedor para Inspeção e Depuração de HTML

4. Trabalhando com Mídia e Tabelas

Adicionando Imagens em HTML Desafio: Trabalhar com Imagens Trabalhando com Imagens Clicáveis, Legendas e Otimização Compreendendo Gráficos Vetoriais e Rasterizados Incorporação de Áudio e Vídeo para Conteúdo Multimídia Avançado Desafio: Incorporar Áudio e Vídeo em HTML Criando e Estruturando Tabelas em HTML Desafio: Criar uma Tabela HTML Funcional

5. Formulários HTML e Entrada do Usuário

Introdução aos Formulários HTML Fundamentos da Criação de Formulários em HTML Usando Rótulos para Melhor Acessibilidade de Formulários Aperfeiçoando Formulários com Atributos de Entrada Explorando Diferentes Tipos de Entrada em HTML Desafio: Criar Formulário com Campos e Rótulos Trabalhando com o Elemento Textarea para Entrada Multilinha Usando o Elemento Select para Menus Suspensos Usando o Elemento Datalist para Sugestões de Entrada Predefinidas Agrupamento de Elementos de Formulário para Melhor Estrutura

Desafio: Estruturar Corretamente um Documento HTML

Objetivo

Construir a página correta criando uma estrutura básica de documento HTML. Essa estrutura é a base de toda página HTML e consiste em elementos essenciais que os navegadores precisam para renderizar seu conteúdo corretamente.

Observação

Não se deixe enganar pela aparente simplicidade do design da página. Embora possa parecer simples, é fundamental manter a estrutura correta do documento. Isso garante que o site mantenha legibilidade e funcionalidade em todos os navegadores.

Tarefa

Crie uma estrutura básica de documento HTML. Se você já tem confiança em suas habilidades, sinta-se à vontade para prosseguir sem o guia passo a passo. No entanto, se desejar mais orientação, um passo a passo está disponível para ajudar durante o processo.

Guia Passo a Passo

Passo 1: Inicie o Documento HTML

Comece digitando a declaração do tipo de documento HTML, que informa ao navegador que o documento está escrito em HTML. A declaração deve ser a primeira linha do seu documento HTML:

index.html

Etapa 2: Adicione as Tags de Abertura e Fechamento html

Após a declaração do doctype, adicione as tags de abertura e fechamento HTML. Toda a estrutura do documento HTML ficará contida dentro dessas tags. Além disso, inclua o atributo lang para especificar o idioma do documento:

index.html

Etapa 3: Crie a Seção head

Adicione as tags de abertura e fechamento <head> dentro das tags HTML. A seção head contém metainformações sobre o documento HTML, como o título e links para folhas de estilo externas:

index.html

Etapa 4: Adicionar o Título

Dentro das tags <head>, adicione as tags de abertura e fechamento <title>. O texto inserido entre essas tags será exibido como o título da página da web na barra de título ou na guia do navegador:

index.html

Etapa 5: Criação da seção body

Após a seção <head>, adicione as tags de abertura e fechamento <body>. A seção body contém o conteúdo visível da página web:

index.html

Etapa 6: Adição de conteúdo ao body

É possível adicionar elementos dentro das tags <body>, como títulos, parágrafos, imagens, links, entre outros. Veja um exemplo de adição de um título e um parágrafo:

index.html

Tente você mesmo

index.html

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 3. Capítulo 5

Pergunte à IA

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Conteúdo do Curso

HTML Definitivo

1. Compreendendo o Desenvolvimento Web

Bem-vindo ao HTML e Desenvolvimento Web O Que É a Internet?Como a Internet Funciona?Compreendendo Como os Sites Funcionam Explicação Sobre Desenvolvimento Frontend e Backend

2. Tags e Atributos HTML

3. Estrutura do Documento HTML

4. Trabalhando com Mídia e Tabelas

5. Formulários HTML e Entrada do Usuário

Desafio: Estruturar Corretamente um Documento HTML

Objetivo

Observação

Não se deixe enganar pela aparente simplicidade do design da página. Embora possa parecer simples, é fundamental manter a estrutura correta do documento. Isso garante que o site mantenha legibilidade e funcionalidade em todos os navegadores.

Tarefa

Guia Passo a Passo

Passo 1: Inicie o Documento HTML

Comece digitando a declaração do tipo de documento HTML, que informa ao navegador que o documento está escrito em HTML. A declaração deve ser a primeira linha do seu documento HTML:

index.html

Etapa 2: Adicione as Tags de Abertura e Fechamento html

index.html

Etapa 3: Crie a Seção head

Adicione as tags de abertura e fechamento <head> dentro das tags HTML. A seção head contém metainformações sobre o documento HTML, como o título e links para folhas de estilo externas:

index.html

Etapa 4: Adicionar o Título

index.html

Etapa 5: Criação da seção body

Após a seção <head>, adicione as tags de abertura e fechamento <body>. A seção body contém o conteúdo visível da página web:

index.html

Etapa 6: Adição de conteúdo ao body

É possível adicionar elementos dentro das tags <body>, como títulos, parágrafos, imagens, links, entre outros. Veja um exemplo de adição de um título e um parágrafo:

index.html

Tente você mesmo

index.html

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 3. Capítulo 5