Em sua essência, HTML é uma linguagem bastante simples composta de elementos, que podem ser aplicados a pedaços de texto para dar-lhes significado diferente em um documento (é um parágrafo? é uma lista de seleção? é parte de uma tabela?), estrutura um documento em seções lógicas (Possui um cabeçalho? Três colunas de conteúdo? Um menu de navegação?) e incorporar conteúdo como imagens e vídeos em uma página. Este módulo irá introduzir os dois primeiros destes e introduzir conceitos fundamentais e a sintaxe que você precisa saber para entender o HTML.

Pré-requisitos

Antes de iniciar este módulo, você não precisa de nenhum conhecimento prévio sobre HTML, mas deve ter pelo menos uma familiaridade básica em utilizar computadores e utilizar a Web passivamente (por exemplo, apenas navegando e consumindo conteúdo). Você deve ter um ambiente de trabalho básico configurado (como detalhado em Instalando os programas básicos) e entender como criar e gerenciar arquivos (como detalhado em Lidando com arquivos). Ambos são partes do nosso módulo completo para iniciantes Começando na web.

Nota: Se você estiver trabalhando em um computador/tablet/outro dispositivo que não permita a criação de seus próprios arquivos, você pode testar (a maior parte) os exemplos de códigos em um programa de codificação online como JSBin ou Thimble.

Guias

Este módulo contém os seguintes artigos, que te levarão por toda teoria básica do HTML e fornecerão muitas oportunidades para você testar algumas habilidades.

Iniciando com o HTML
Abrange todo o básico do HTML, para você iniciar - nós definimos elementos, atributos e outros termos importantes e mostramos onde eles se encaixam na linguagem. Também mostramos como uma página HTML típica é estruturada e como um elemento HTML é estruturado e explicamos outros recursos básicos importantes da linguagem. Pelo caminho, nós brincaremos com algum HTML, para fazer você se interessar!
O que está no cabeçalho? Metadados no HTML
O cabeçalho de um documento HTML é a parte que não é mostrada no navegador web quando a página é carregada. Ele contém informações como o <title> da página, links para CSS (se você quiser estilizar seu conteúdo HTML com CSS), links para favicons personalizados e metadados (que são dados sobre o HTML, tais como quem o escreveu e palavras-chaves importantes que descrevem o documento).
Fundamentos do texto HTML
Uma das principais funções do HTML é dar significado ao texto (também conhecido como semântica), para que o navegador saiba como exibi-lo corretamente. Este artigo analisa como usar HTML para dividir um bloco de texto em uma estrutura de títulos e parágrafos, adicionar ênfase/importância nas palavras, criar listas e muito mais.
Criando hiperlinks
Os hiperlinks são realmente importantes — eles são o que faz da web uma web. Este artigo mostra a sintaxe necessária para criar um link e discute as melhores práticas para links.
Formatação de texto avançada
Existem muitos outros elementos em HTML para formatar o texto, que não obtivemos no artigo sobre os Fundamentos do texto em HTML. Os elementos aqui são menos conhecidos, mas ainda úteis para se conhecer. Neste artigo, você aprenderá sobre marcação de citações, listas de descrições, código de computador e outros textos relacionados, subscrito e sobrescrito, informações de contatos e muito mais.
Estrutura dos documentos e do website
Além de definir partes individuais de sua página (como "um parágrafo" ou "uma imagem"), o HTML também é usado para definir as áreas do seu site (como "o cabeçalho", "o menu de navegação" ou "a coluna de conteúdo principal"). Este artigo analisa como planejar uma estutura básica de site e como escrever o HTML para representar esta estrutura.
Depuração HTML
Escrever HTML é tranquilo, mas e se algo der errado, e você não conseguir descobrir onde o erro está no código? Este artigo irá apresentar algumas ferramentas que podem ajudar.

Avaliações

As avaliações a seguir testarão sua compreensão dos princípios básicos de HTML abordados nos guias acima.

Marcando uma carta
Todos aprendemos a escrever uma carta mais cedo ou mais tarde; também é um exemplo útil para testar habilidades de formatação de texto. Nesta avaliação, você receberá uma carta para marcar.
Estruturando a página de conteúdo
Essa avaliação testa sua capacidade de utilizar HTML para estruturar uma página simple de conteúdo, contendo um cabeçalho, um rodapé, um menu de navegação, o conteúdo principal e uma barra lateral.

Veja também

Alfabetização Web. Noções básicas 1 (em inglês)
Um excelente curso da Fundação Mozilla que explora e testa muitas das habilidades discutidas no Módulo Introdução ao HTML. Os estudantes se familiarizam com a leitura, a redação e a participação na web neste módulo de seis partes. Descubra as bases da web através da produção e da colaboração.

Etiquetas do documento e colaboradores

Última atualização por: wcqueiroz,