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 codificação 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 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 tag head? Metadados no HTML
A tag 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 vários 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 você vai aprender sobre notação de citação, listas descritivas, código de computador e outros textos afins, subscrito e sobrescrito, 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 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.
Depuração HTML
Escrever HTML é tranquilo, mas e se alguma coisa der errado e você não conseguir perceber onde o erro está no código? 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.

Marcando uma carta
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

Alfabetização Web. Noções básicas 1
Um excelente curso da Fundação Mozilla que explora e testa muitas habilidades faladas no Módulo Introdução ao HTML. Os estudantes se familiarizam em ler, escrever e participar na web neste módulo de seis partes. Descubra as fundações da Web através da produção e da colaboração.

Etiquetas do documento e colaboradores

Última atualização por: Gabriela-23,