MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/8d22564490d8

Introdução ao HTML

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.
Document and website structure
As well as defining individual parts of your page (such as "a paragraph" or "an image"), HTML is also used to define areas of your website (such as "the header", "the navigation menu", "the main content column".) This article looks into how to plan a basic website structure, and write the HTML to represent this structure.
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

The following assessments will test your understanding of the HTML basics covered in the guides above.

Marking up a letter
We all learn to write a letter sooner or later; it is also a useful example to test out our text formatting skills! So in this assessment you'll be given a letter to mark up.
Structuring a page of content
This assessment tests your ability to use HTML to structure a simple page of content, containing a header, footer, navigation menu, main content, and sidebar.

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: yfernandes, AnteroJunior, erickmartim, andrekutianski
 Última atualização por: yfernandes,