MDN will be in maintenance mode on Friday September 22nd, starting at 10 AM Pacific / 5 PM UTC, for about 1 hour.

Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.

Em seu coração, 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 (Ele tem 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 sintaxe que você precisa saber para entender HTML.

Pré requisitos

Para iniciar este módulo, você não precisa de nenhum conhecimento prévio em HTML. Porém, você deve ter ao menos uma familiaridade básica em utilizar computadores e utilizar a Web passivamente (apenas navegando, consumindo conteúdo). Você deve ter um ambiente 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ê está trabalhando em um computador/tablet/outro dispositivo onde você não tem a habilidade de criar seus próprios arquivos, você pode testar (maior parte) dos exemplos de códigos em um programa online para codar tais como JSBin ou Thimble.

Guias

Este módulo contém os seguintes artigos, os quais te levarão por toda teoria básica do HTML e fornecerá uma ampla oportunidade para testar algumas habilidades.

Iniciando com o HTML
Abrange todo o básico do HTML, para você iniciar - nós definimos elementos, atributos e todos os outros termos importantes que você já deve ter ouvido, e onde eles se encaixam em outras linguagens. Nós também mostramos como um elemento HTML é estruturado, como uma página típica em HTML é estruturada e explicar outras características básicas importantes na língua. Pelo caminho, nós brincaremos com algum HTML, para fazer você se interessar!
O que está na cabeça (head)? Metadados no HTML
A cabeça (head) de um documento HTML é a parte que não é mostrada no navegador quando a página é carregada. A cabeça contém informações tais como título, links para CSS (se você quiser estilizar seu conteúdo HTML com CSS), links para favicons, e metadados (que são dados sobre o HTML, tais como quem o escreveu, e importantes palavras-chaves 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), assim o navegador sabe como mostrar o texto corretamente. Este artigo analisa como usar HTML para quebrar um bloco de texto em uma estrutura de cabeçalhos e parágrafos, adicionar ênfase/importância nas palavras, criar listas, e mais.
Criando hyperlinks
Hyperlinks são muito importantes  - eles que fazem com que a Web seja uma web. Este artigo mostra a sintaxe necessária para criar um link, e discute melhores práticas de links.
Formatação de texto avançada
Existem varias outros elementos, em HTML, para formatação de texto, que não falamos  no artigo HTML text fundamentals. Os elementos aqui são menos conhecidos, mas ainda úteis de se conhecer. Aqui voce vai aprender sobre notação de citação, listas descritivas, código de computador e outros textos afins, subescrição e sobrescrição, informações de contatos e mais.
Estrutura dos documentos e do website
Assim como definir partes individuais da sua página (como "um parágrafo" ou "uma imagem"), HTML também é usado para definir as áreas do seu website (como "o cabeçalho", "o um menu de navegação", "a coluna principal de conteúdo"). Este artigo explora como planejar a estutura básica de um website e escrever o HTML para representar esta estrutura.
Debugging HTML
Escrever HTML é tranquilo, mas e se alguma coisa der errado e você não conseguir perceber onde o erro no código está? Este artigo te apresentará algumas ferramentas que podem te ajudar.

Avaliações

Os exercícios a seguir irão testar a sua compreensão sobre os conceitos básicos de HTML mostrados no guia acima.

Marking up a letter
Nós todos aprendemos a escrever uma carta em algum momento; e isso é também um exemplo útil para testar as nossas habilidades de formatação de texto. Então, nesta tarefa você terá que formatar uma carta.
Estruturando a página de conteúdo
Este exercício testa a sua habilidade de utilizar HTML para estruturar uma página 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

Web literacy basics 1
An excellent Mozilla foundation course that explores and tests a lot of the skills talked about in the Introduction to HTML module. Learners get familiar with reading, writing and participating on the web in this six-part module. Discover the foundations of the web through production and collaboration.

Etiquetas do documento e colaboradores

 Colaboradores desta página: farfael, yfernandes, AnteroJunior, erickmartim, andrekutianski
 Última atualização por: farfael,